$( "#foo" ).toggleClass( 'className', addOrRemoveOptional );
//OR
if ($( "#foo" ).hasClass('className')) {
$( "#foo" ).removeClass( 'className');
} else {
$( "#foo" ).addClass( 'className');
}
$(".nav-link").click(function () {
// If the clicked element has the active class, remove the active class from EVERY .nav-link>.state element
if ($(this).hasClass("active")) {
$(".nav-link").removeClass("active");
}
// Else, the element doesn't have the active class, so we remove it from every element before applying it to the element that was clicked
else {
$(".nav-link").removeClass("active");
$(this).addClass("active");
}
});$("#div1").on("click", function () {
if ($(this).hasClass("active")) {
setTimeout(function () {
$("#div1").removeClass("active");
}, 10);
}
});
$('#menu li a').on('click', function(){
$('#menu li a.current').removeClass('current');
$(this).addClass('current');
});
$('.edit-item').click(function(){
$('#edit-form').addClass('hide');
$('#details-content-wrapper').removeClass('hide')
})