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

Question

Я пытаюсь получить меню для переключения, когда я нажимаю на значок, но он не работает. Я подозреваю, что это имеет какое-то отношение к селекторам. Вот код ... 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; 
     }); 
     }); 

Answer 1

При изменении

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

в

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

работает

Answer 2

Ваше заявление не было правильно

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"); 
    }); 
}); 

Answer 3

$(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/