jquery - 如何使用 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);
});