"toggleClass" in my accordion

Question

I have written a jquery script here But there is problem in the $(this).toggleClass("active").next(); section. With this all the header tags will be in "active" class. How can I assign "active" class only for clicked tag? Thanks in advance

Answer 1

You can remove it from the previously clicked headers by calling .removeClass() on the .siblings(), like this:

$(this).toggleClass("active").siblings().removeClass("active");

You can test it out here.