Меню не переключается

0

Я пытаюсь получить меню для переключения, когда я нажимаю на значок, но он не работает. Я подозреваю, что это имеет какое-то отношение к селекторам. Вот код... HTML

<div class="bild">
        <img src="face_kopia.png" class="ikon"/>
    </div>
    <div class="meny">
        <a href="">Home</a>
        <a href="">About</a>
        <a href="">Gallery</a>
    </div>

Jquery

$(document).ready(function(){
        //Hide the tooglebox when page load
        $(".meny").hide();
        //slide up and down when hover over 
        $(".ikon").hover(function(){
        // slide toggle effect set to slow you can set it to fast too.
        $(this).next(".meny").slideToggle("slow");
        return true;
        });
        });
Теги:
jquery-selectors

3 ответа

0
Лучший ответ

Когда вы меняете

$(this).next(".meny").slideToggle("slow");

в

$(".meny").slideToggle("slow");

оно работает

  • 0
    Спасибо!!! Это заставило это работать.
0
$(document).ready(function(){
    //Hide the tooglebox when page load
    $(".meny").hide();
    //slide up and down when hover over 
    $(".ikon").hover(function(){
    // slide toggle effect set to slow you can set 
    $('.meny').slideToggle("slow");
 });
});

Вот рабочий пример
http://jsfiddle.net/5x7xv/9/

0

Ваше выражение неверно

http://jsfiddle.net/UQTY2/204/

$(document).ready(function () {
    //Hide the tooglebox when page load
    $(".meny").hide();
    //slide up and down when hover over 
    $(".ikon").hover(function () {
        // slide toggle effect set to slow you can set it to fast too.
        $(".meny").slideToggle("slow");
        return true;
    },function(){
        $(".meny").slideToggle("slow");
    });
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню