Home > Jquery > Toggle/(Hide/Show) Div Using Jquery

Toggle/(Hide/Show) Div Using Jquery


var hideshowdiv = “#” + document.getElementById(divid).id;

$(function() {

$(hideshowdiv).toggle();

});

Various other ways and effects to hide/show are as follows:

Using toggle effects

$(function() {

$(hideshowdiv).toggle(“slow”);

});

Using slideToggle

$(function() {

$(hideshowdiv). slideToggle(“slow”);

});

Using  slideDown and slideUp

$(function() {

if (document.getElementById(divid).style.display == “none”) {

$(hideshowdiv).slideDown(“slow”);

}

else if (document.getElementById(divid).style.display == “block”) {

$(hideshowdiv).slideUp(“slow”);

}

});

Using hide(), show()

$(hideshowdiv).hide();

$(hideshowdiv).show();

Advertisements
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: