jquery toggle code example

Example 1: toggle class javascript and jquery

$('.click-class').click(function() {
    $('.class-toggle').toggle();
    $('.class-toggle').toggleClass('add-class');
})

Example 2: jquery toogle

//Toggle between hide and show for all 
 elements:

$("button").click(function(){
  $("p").toggle();
});

Example 3: jquery toggle class

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

Example 4: jquery toggle show hide

$( "#clickme" ).click(function() {
  $( "#book" ).toggle( "slow", function() {
    // Animation complete.
  });
});

Example 5: hide show toggle

$(document).ready(function() {
    $("#btnshow").click(function() {
      $("#imgshow").slideToggle();
    });
  })

Example 6: jquert toggleClass condition

// add class [class-name] if condition is true
// or else remove it
$('#foo-bar').toggleClass('class-name', condition)