如何使用jQuery的切换返回元素状态？

Question

关闭切换时的警报消息.
此切换有效,但不提醒.

脚本:

$( "#btn-toggle" ).click(function() {
  $( "#btn-container-all" ).toggle( "slow" );
  var isHidden = $('#btn-container-all').is(":hidden");
   if(isHidden)  { 
     alert('closed');   
  }
});

HTML:

<input type="button" id="btn-toggle" value="list"  />
    <div id="btn-container-all"> //codes... </div>

Answer 1

为该原因使用回调函数:
DEMO

$( "#btn-toggle" ).click(function() {
  $( "#btn-container-all" ).toggle( "slow", function(){
      var isHidden = $(this).is(":hidden");
      if(isHidden)  { 
          alert('closed');  
      }
  });
});

也不要忘记this关键字

如果你想创建一个通用函数来测试不同情况下的更多元素,那么你不需要重复自己:
DEMO

function isElementClosed(){
  if($(this).is(":hidden")){
    alert('closed');
  }
}

$( "#btn-toggle" ).click(function() {
   $( "#btn-container-all" ).toggle( "slow", isElementClosed);
});