JQuery와, 나는 현재 메뉴가 다음 밀어하면 메뉴가 표시됩니다 아주 간단한 JQuery와 기능이

Question

기능 이벤트.

$(".menu").on("click", function(event){ 
    $(".menulist").css("display","block"); 
    alert(event); 
}) 

나는 메뉴 버튼을 경우 다시 아무것도 표시되지 싶습니다 다시 클릭하거나 메뉴를 클릭하면

을 나는 다음과 같이 오프 기능을 시도하지만 어쨌든 작동하지 않을 실현 :.? 난을

$(".menu").off("click", function(){ 
    $(".menulist").css("display","none");  
}) 

어떤 조언을이 작업을 수행하는 방법에 관해서 F 이것이

편집 aswell 모바일 웹 사이트에 대한 것입니다 도움이 : 나는 항목이 이미 보여주는 경우 알이 이벤트를 사용할 수있을 거라고 생각대로 이벤트는 첫 번째 함수입니다. 그 중 하나 또는 다른 비록 내가 더 나은 것입니다 ("클릭"function()에 대한 표시의 CSS 값이 블록 또는 아무도 같지 않다는 것을 확인하고 거기에서 CSS를 변경?이 클릭하여 해결할 것이라고 메뉴 버튼이 아닌 메뉴 오프

Answer 1

사용 $(".menu").on("click", function(){ $('.menulist').toggle() }); 메뉴 목록의 가시성을 전환합니다.

업데이트

당신이 메뉴 요소를 off 클릭 단지 body 태그에 클릭 이벤트를 캐치 해가 열려 있으면 메뉴를 닫을 때 메뉴를 닫으려면 :

이

전체 조각이 보일 것이다 이 같은 :

$('.menu').on('click', function(){ 
    $('.menulist').toggle(); 
}); 

$('body').on('click', function(e){ 
    if(!$(e.target).hasClass('.menu') && $('.menulist').is(':visible')) { 
     $('.menulist').hide(); 
    } 
}); 

Answer 2

jQuery를의 toggle 방법을 사용해보십시오 :

$(".menu").on("click", function() { 
    $(".menulist").toggle(); 
}); 

Answer 3

$(".menu").on("click", function(event){ 
    if($(".menulist:visible")) 
    { 
    $(".menulist").css("display","none"); 
    }else{ 
    $(".menulist").css("display","block"); 
    } 
}); 

Answer 4

단순히

$(".menu").on("click", function(event){ 
    $(".menulist").toggle(); 
}); 

Answer 5

$(".menu").on("click", function(event){ 
    $(".menulist").toggle(); 
}) 

입니다3210

Answer 6

$(".menu").on("click", function(){ 
    var $menulist = $(".menulist"); 
    $menulist.toggle($menuList.is(":visible")); 
} 

Answer 7

toggle()으로 기능이 지원되지 않습니다 :

$(".menu").on("click", function(event){ 
    if($(".menulist").css("display")!="none") 
    { 
     $(".menulist").css("display","none"); 
    } 
    else{ 
     $(".menulist").css("display","block"); 
    } 
});