How to toggle HTML tag with delay in jQuery

2 Answers

<html>
 <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $("button").click(function(){
          $("h1").toggle(1000); // delay of 1 second
        });
      });
    </script>
 </head>
 <body>
   <h1>Toggle Text</h1>
   <button>Click to toggle</button>
 </body>
</html>

70+ SQL courses for beginners and professionals

answered Mar 1, 2021 by avibootz

<html>
 <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $("button").click(function(){
          $("h1").toggle("fast"); 
        });
      });
    </script>
 </head>
 <body>
   <h1>Toggle Text</h1>
   <button>Click to toggle</button>
 </body>
</html>

70+ SQL courses for beginners and professionals

answered Mar 1, 2021 by avibootz

Most popular tags

How to toggle HTML tag with delay in jQuery

2 Answers

Related questions