Answers for "add and remove class jquery on click"

1

toggle jquery remove others

$(".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");
  }
});
Posted by: Guest on June-25-2020
3

jquery remove and add class

$( "#foo" ).toggleClass( 'className', addOrRemoveOptional );

//OR
if ($( "#foo" ).hasClass('className')) {
	$( "#foo" ).removeClass( 'className');
} else {
  $( "#foo" ).addClass( 'className');
}
Posted by: Guest on July-01-2020
1

add and remove class in jquery

$('#toggle li').on('click', function () {
    $(this).toggleClass('open')
});
Posted by: Guest on June-04-2020

Code answers related to "add and remove class jquery on click"

Code answers related to "Javascript"

Browse Popular Code Answers by Language