Jquery: jeśli element jest ukryty, wykonaj czynność?

Question

Witam Szukałem trochę w Internecie, ale nie znalazłem tego, czego szukałem. Ale w każdym razie, to, czego szukam, to coś takiego, że jeśli element jest ukryty, to wykona akcję, a jeśli element jest widoczny, to zrobi kolejną akcję. W tym przypadku buduję menu pokaz/ukryj, po kliknięciu ikony menu (z klasą ".toggle") zmieni się krycie na 1, a po ukryciu menu przezroczystość ikon zmieni się ponownie na 0.6 .

Oto mój kod i tak:

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

Hope you guys chce mi pomóc, to byłoby miło! Dziękuję Ci.

Answer 1

działa to dla hidden i visible elementów:

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

Edit: z .toggle()

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

Tu zobaczysz mały przykład: FIDDLE