jQuery example: toggleClass() method

Example toggleClass() methods with onclick button. Javasript language

by ITpresent

HTML

<div id="content">
   <h1>JQUERY EXAMPLE</h1>
   <h2>toggleClass() method</h2>
   <p>Javascript Language</p>

   <button>CLICK HERE</button>
 <br><br><br>
</div>
















<br><br>
<a href="https://itpresent.com/web/jquery/jquery_toggleClass_onclick.php" target="_blank">jQuery example: toggleClass() method with Onclick Button</a>

CSS

#content {
background-image: url("https://websitebackgrounds.itpresent.com/graphics/images/class_cj.jpg");
}
h1 {
color: blue;
}

p {
color: yellow;
background-color:green;
}
.a {
background-image: url("https://websitebackgrounds.itpresent.com/graphics/images/class_ck.png");
}
.b {
color: maroon;
-webkit-text-stroke: 1px white;
}
.c {
background-color:red;

}
.d {
background: none !important;
}

JavaScript

$(document).ready(function(){
    $("button").click(function(){
         $("#content").toggleClass("a");
         $("h1").toggleClass("b");     
         $("h2").toggleClass("c");     
         $("p").toggleClass("d");        
    });
});