jQuery
तत्व दृश्यता

पैरामीटर

अवलोकन

$(element).hide()            // sets display: none
$(element).show()            // sets display to original value
$(element).toggle()          // toggles between the two
$(element).is(':visible')    // returns true or false
$('element:visible')         // matches all elements that are visible
$('element:hidden')          // matches all elements that are hidden

$('element').fadeIn();          // display the element
$('element').fadeOut();          // hide the element

$('element').fadeIn(1000);          // display the element using timer
$('element').fadeOut(1000);          // hide the element using timer

// display the element using timer and a callback function
$('element').fadeIn(1000, function(){
 // code to execute
});          

// hide the element using timer and a callback function
$('element').fadeOut(1000, function(){
   // code to execute
});       

संभावनाओं को टॉगल करें

सरल toggle() मामला

function toggleBasic() {
  $(".target1").toggle();
}

विशिष्ट अवधि के साथ

function toggleDuration() {
  $(".target2").toggle("slow"); // A millisecond duration value is also acceptable
}

... और कॉलबैक

function toggleCallback() {
  $(".target3").toggle("slow",function(){alert('now do something');});  
}

... या सहजता और कॉलबैक के साथ।

function toggleEasingAndCallback() {
  // You may use jQueryUI as the core only supports linear and swing easings
  $(".target4").toggle("slow","linear",function(){alert('now do something');});  
}

... या विभिन्न विकल्पों के साथ ।

function toggleWithOptions() {
  $(".target5").toggle(
    { // See all possible options in: api.jquery.com/toggle/#toggle-options
      duration:1000, // milliseconds
      easing:"linear",
      done:function(){
        alert('now do something');
      }
    }
  );  
}

slideToggle() साथ एनीमेशन के रूप में स्लाइड का उपयोग करना भी संभव है slideToggle()

function toggleSlide() {
  $(".target6").slideToggle(); // Animates from top to bottom, instead of top corner
}

... या फीका के साथ अपारदर्शिता को फीका करके fadeToggle()

function toggleFading() {
  $( ".target7" ).fadeToggle("slow")
}

... या toggleClass() साथ एक क्लास टॉगल करें toggleClass()

function toggleClass() {
  $(".target8").toggleClass('active');
}

एक सामान्य मामला toggle() का उपयोग करने के लिए होता है ताकि एक तत्व दूसरे को छिपा सके (एक ही वर्ग)

function toggleX() {
  $(".targetX").toggle("slow");  
}

उपरोक्त सभी उदाहरण यहां देखे जा सकते हैं