Comments on: Basic Show and Hide

By: jagadishwor

jagadishwor — Tue, 30 Dec 2008 15:57:34 +0000

Hi nice article, I have one very easy and short which will work on a button click here is the code

$(document).ready(function(){ // This Function check for ready position
$(”button”).click(function () { //When you press the button if div is visible it will hide it.
$(”div:visible”).hide(”slow”);
}
);
$(”button”).click(function () { //And if div is hidden it will show it
$(”div:hidden”).show(”slow”);
}
);
}
);

In above example your contents will not be shown when ready. To show contains use following line after ready function

$(”div:hidden”).show(”slow”);
Have some style for div

div { width:auto; height:auto; margin:5px; border:3px outset green; float:left; }

Now Create the Button:

Show hide div

And at the last use div:

This is the Test layer for show or hide your page.
can get download at http://www.jagadishwor.com.np

By: Rohit

Rohit — Mon, 15 Dec 2008 14:08:47 +0000

nice example thanks

By: ditax

ditax — Fri, 05 Dec 2008 08:55:42 +0000

How to hide editor/textarea with jquery? thx

By: aa

aa — Mon, 01 Dec 2008 23:23:59 +0000

Hi,

I really like the script. I am working on a long government document and I want to be able to show and hide certain blocks of text.

Here’s the problem that I have. Should someone want to print out the entire document (even the hidden parts), it seems that it cannot be done if this script is being used to show and hide stuff. If I display all the hidden parts, then it works. But what if there are 50 hidden blocks of text? This would mean I would have to display all 50 blocks before printing which the end user might not know they would have to do.

Is there anyway to write some JS that will turn this show/hide feature off whenever the page is printed.

Thanks,

Rob

Rob, try the css media print ….

By: Andrew Beck

Andrew Beck — Mon, 03 Nov 2008 14:56:17 +0000

Oh, and another question: how would I make reverse the direction of the animation? Thank you! I think I am going to buy your book. . .

By: Andrew Beck

Andrew Beck — Mon, 03 Nov 2008 14:35:50 +0000

Thanks for this, Karl. I really appreciate the work you do. I have a question on the test page that you set up for Scott. I want to do something similar with a sprite-based navigation, but need the toggle to be on the hover event, not the click. How would I do that?

By: Fred Campbell

Fred Campbell — Sun, 31 Aug 2008 08:58:21 +0000

Nice one! I am new to jQuery and finding it very frustrating to get my head round - up to now I’ve only been involved in CSS web design.

By: asinox

asinox — Fri, 18 Jul 2008 19:26:04 +0000

ok, im looking for learn jQuey, this example i thinks is nice, but….dont said nothing about call the js form the buttons….

im loss

thanks

By: Karl Swedberg

Karl Swedberg — Wed, 11 Jun 2008 21:01:51 +0000

Hi Rob,

One option might be to include a print stylesheet that explicitly sets the display property of all those elements to block. you might need to use !important as well. Haven’t tried it, but hopefully that leads you in the right direction.

By: Rob

Rob — Wed, 11 Jun 2008 20:37:06 +0000

Hi,

I really like the script. I am working on a long government document and I want to be able to show and hide certain blocks of text.

Is there anyway to write some JS that will turn this show/hide feature off whenever the page is printed.

Thanks,

Rob