Question

Jquery Code:

$(".tog").toggle(
function() {
    $(".tog span").removeClass('stog');
    $(".tog span").addClass('stogm');
    $(this).next().slideDown('fast');
},
function() {
    $(".tog span").removeClass('stogm');
    $(".tog span").addClass('stog');
    $(this).next().slideUp('fast');
}
);

I have few side_cat_toggle classes, but i want the one i clicked only to take the changes above. Currently every classes of side_cat_toggle is changing and not the one i clicked.

How do i do it?

Thanks

Answer 1

$(".tog").toggle(
function() {
    $("span", this).removeClass('stog').addClass("stogm");
    $(this).next().slideDown("fast");
},
function() {
    $("span", this).addClass('stog').removeClass("stogm");
    $(this).next().slideUp("fast");
}
);