未调用 Jquery 切换事件

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