不切換菜單

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/