Toggle Add/Remove Class

by gopinaghr

HTML

<div id="toggler">
    <div id="title">Something</div>
    <div id="content"><p>Content here :)</p></div>
</div>

CSS

#content {
    display: none;
}

#title {
    cursor: hand;
}

.active {
    color: red;
}

JavaScript

$('#title').click(function() {
    $('#content').toggle();
    if ($('#content:visible').size() != 0)
    {
         $(this).addClass('active');   
    }
    else
    {
         $(this).removeClass('active');   
    }
});