Question

我正在尝试使用jquery切换div以显示隐藏子项。我试图在切换打开事件和关闭事件时将类添加到父项。我们如何跟踪切换事件？ Here is fiddle

$("#flip").click(function(){
     $("#panel").toggle();
 });

$("#panel").toggle(
  function() {
    alert("first event");
  }, function() {
    alert("second event");
  });

Answer 1

您可以在调用slideToggle()时指定complete回调，在其中您可以确定您的元素是向上还是向下滑动。

$("#flip").click(function(){
    $("#panel").slideToggle(function() {
        if($(this).is(':visible')) {
            alert('Panel is visible');
            // code to add class. "this" refers to the panel here
        }
        else {
            alert('Panel is not visible');
            // code to remove class. "this" refers to the panel here
        }
    });
});

更新了 fiddle

Jquery切换未调用的事件

1 个答案: