php - JQUERY:我如何知道该元素当前是否打开/关闭(slidetoggle)

Question

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

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

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

但是我希望只有在盒子关闭和打开时才触发某个功能，我如何确定这一点？我不想使用 cookie 或类似的东西

谢谢!

Answer 1

您可以将 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);
    });
});

jsfiddle 上的示例.

-

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

部分正在检查this的下一个元素是否可见。如果是，则返回 true。结果，alert 方法被执行。

Here是 visible 选择器和 here 的文档是 is() 方法的文档。