Jquery : 요소가 숨겨져 있다면 조치를 취 하시겠습니까?

Question

안녕하세요 저는 인터넷에서 약간 검색했지만 실제로 찾고있는 것을 찾지 못했습니다. 하지만 어쨌든, 내가 찾고있는 것은 요소가 숨겨져있는 경우 동작을 수행하고 요소가 표시되면 다른 동작을 수행하는 것과 같습니다. 이 경우에는 표시/숨기기 메뉴를 만들고 메뉴 아이콘 (클래스 ".toggle")을 클릭하면 불투명도가 1로 변경되고 메뉴를 숨기면 아이콘 불투명도가 다시 0.6으로 변경됩니다. .

여기 내 코드는 어쨌든입니다 :

$(".sidebar_menu").hide(); 
$(".sidebar li.toggle").click(function(){ 
$(".sidebar_menu").animate({width: "toggle"}, 200); 
// Here's where the code I can't figure out is gonna be. 
}); 

그것이 좋은 것, 너희들 싶어 도와 희망! 고맙습니다.

Answer 1

이 hidden 및 visible 요소에 대해 작동합니다

$(".sidebar_menu").hide(); 
$(".sidebar li.toggle").click(function(){ 
    $(".sidebar_menu").animate({width: "toggle"}, 200, 
    function() { 
     if($(this).is(':visible')){ 
     $(".toggle").css({opacity: 1}); 
     } else if ($(this).is(':hidden')) { 
     $(".toggle").css({opacity: 0.6}); 
     }; 
    }) 
    }); 
}); 

편집 : 여기

$(".sidebar_menu").hide(); 
$(".sidebar li.toggle").click(function(){ 
    $(".sidebar_menu").toggle('slow', 
    function() { 
     if($(this).is(':visible')){ 
     $(".toggle").css({opacity: 1}); 
     } else if ($(this).is(':hidden')) { 
     $(".toggle").css({opacity: 0.6}); 
     }; 
    }) 
    }); 
}); 

.toggle() 당신은 작은 예를 참조하십시오 당신은이 문제에 정교한 수 FIDDLE