JQuery Show and Hide methods with example | How to hide and show HTML elements using JQuery

JQuery Show and Hide methods with example

In this JQuery Example, we are going to learn how to hide and show the HTML elements with slow and fast jquery effects.

JQuery Example Code:

$(document).ready(function(){
    $("#btnShow").click(function () {
        $("div:eq(0)").show("fast", function () {
//call the next element and show on the webpage. 
        $(this).next().show("fast", arguments.callee); 
      });
    });
    $("#btnHide").click(function () {
      $("div").hide(2000);
    });
  });

Demo Program:




See More JQuery Interview Questions