Question

Im using the following to open/close a div

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

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

But I want a certain function to trigger only if the box was closed and is being opened, how can I determine this? I prefer not to use cookies or anything like that

thanks!

Answer 1

You can use the visible selector with the is method like this –

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

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

An example on jsfiddle.

The –

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

portion is checking to see if the next element of this is visible or not. If it is, then it returns true. As a result, the alert method gets executed.

Here is the documentation for the visible selector and here is the documentation for the is() method.