Php JQUERY：如何知道此元素当前是否打开/关闭（滑动切换）

Im使用以下命令打开/关闭div

$(".alerts").click(function(){

    $(this).toggleClass("active").next().slideToggle(50);

但是我想要一个特定的函数只有在盒子被关闭并且被打开的情况下才会触发，我怎样才能确定这一点呢？我不喜欢用饼干之类的东西

---

谢谢

您可以将一个类添加到div中，并使用以下命令检查该类：

检查Javascript更改的DOM元素/属性时，请使用而不是例如

click（）

如果您的

.alerts

元素在具有

.active

类时具有不同的CSS样式，则应在幻灯片事件完成后运行

addClass（）

和

removeClass（）

函数，如下所示：

//same thing, but wait for animation to complete
$('.alerts').live('click', function() {
   var thisbtn = $(this);
   if(thisbtn.hasClass('active')) { //close
      thisbtn.next().slideUp(50, function() {
         thisbtn.removeClass('active');
      });
   } else { //open
      thisbtn.next().slideDown(50, function() {
         thisbtn.addClass('active');
      });
   }
});

---

您可以将

visible

选择器与

is

方法一起使用，如下所示-

$(document).ready(function()
{
    $(".alerts").click(function()
    {        
        if($(this).toggleClass("active").next().is(":visible"))
            alert("It's visible");

        $(this).toggleClass("active").next().slideToggle(50);
    });
});

一个例子

以下各项—

if($(this).toggleClass("active").next().is(":visible"))
    alert("It's visible");

部分正在检查此的下一个元素是否可见。如果是，则返回true。因此，执行

警报

方法

是

可见的
选择器的文档，也是
is（）
方法的文档

if($(this).toggleClass("active").next().is(":visible"))
    alert("It's visible");