JQuery : slideToggle이 전환되었는지 어떻게 알 수 있습니까?

Question

JQuery에서 다음과 같은 의사 코드를 수행하려면 어떻게해야합니까?

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
     $("#divToSlide").slideToggle("fast"); 
     if ($(this).isToggled) { // <---- DOESN'T WORK ------- 
      // do something when toggled 
     } else { 
      // do something different when not toggled 
     } 
    }); 
}); 

Answer 1

아니면 그냥 토글 기능을 사용할 수 있습니다 http://api.jquery.com/toggle/

$('#target').toggle(function() { 
    alert('First handler for .toggle() called.'); 
}, function() { 
    alert('Second handler for .toggle() called.'); 
}); 

참고 :

$('#target').toggle(function() { 
    alert('1 handler for .toggle() called.'); 
}, function() { 
    alert('2 handler for .toggle() called.'); 
}, function() { 
    alert('3 handler for .toggle() called.'); 
}, function() { 
    alert('4 handler for .toggle() called.'); 
}, function() { 
    alert('5 handler for .toggle() called.'); 
}); 

: 당신이 원하는대로 당신은 더 많은 기능을 추가, 많은 토글 할 수 있습니다

[편집]

$('a.toggleButton').toggle(function() { 
    $("#divToSlide").slideDown("fast"); 
    // do something when toggled 
}, function() { 
    $("#divToSlide").slideUp("fast"); 
    // do something when toggled }); 
}); 

Answer 2

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
     if ('#divToSlide').is(':visible')) { 
      // do something when toggled 
     } else { 
      // do something different when not toggled 
     } 
    }); 
}); 

Answer 3

시도 : (". 슬라이드 BTN")

는

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
     $("#divToSlide").toggle(
     function() { 
      // do something when toggled 
      $(this).slideUp(); 
     }, 
     function(){ 
      // do something different when not toggled 
      $(this).slideDown(); 
     } 
    ); 
}); 

Answer 4

slideToggle에 대한 (이)`$ '를 참조한다

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
     $("#divToSlide").slideToggle("fast", function(){ 
      if ($(this).is(":visible")) { // <---- DOESN'T WORK ------- 
      // do something when toggled 
      } 
      else { 
      // do something different when not toggled 
      } 
     }); 
    });    
});