2013-12-14 3 views
0

아이콘을 클릭 할 때 전환 할 메뉴를 가져 오려고하지만 작동하지 않습니다. 나는 그것이 선택자와 관련이 있다고 생각한다. 여기에 코드 ...메뉴가 전환되지 않음

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

답변

0

올바른 아니었다 HTML은

,

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

는 여기

+0

감사합니다 작업 예입니다! 그게 효과가있었습니다. – Delal

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

관련 문제