To make a button toggle the visibility of things when clicked use:
$(".toggleBtn").click(
function(event) {
event.preventDefault();
$(this).toggleClass("current");
var contentClass = $(this).attr("href").substring(1);
if (contentClass == "") {
$(this).next().slideToggle();
} else {
$("." + contentClass).slideToggle();
}
}
);
Then give a button the class of ‘toggleBtn’ and in it’s href attribute put in the class name of the thing you want to toggle starting with a hash eg. #div1.

Leave a Reply