Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype>
<html>
<head>
  <title>JQuery Toggle to Show/Hide Content</title>
  <script src="http://code.jquery.com/jquery-2.2.3.min.js"></script>
</head>
<h2>Jquery toggleClass example</h2>
<style>
   .divClass{
        border:3px dotted red;
        color:red;
        font-family: arial narrow;
   }
</style>
<script type="text/javascript">
   $(document).ready(function(){
      $("#mybutton").click(function(){
         $("div").toggleClass("divClass");
      });
   });
</script>
<body>
  <button id="mybutton">Click to toggle class</button>
  <div>
 Hello world from java2blog!!!!
    <br/>
 Welcome to JQuery.
  </div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x