Comments on: Show/Hide Content with CSS and JavaScript

By: Sinda

Sinda — Wed, 17 Feb 2010 19:16:34 +0000

Wow, this was exactly what I was looking for and so easy. Thank you.

By: JENNY

JENNY — Thu, 04 Feb 2010 20:02:20 +0000

Thank you so much!

By: led strips

led strips — Wed, 20 Jan 2010 02:45:26 +0000

Splendid script … thanks.

By: Ollie

Ollie — Wed, 23 Sep 2009 06:31:11 +0000

If u want to use more than one show/hide on your page, you must replace the “exemple” word for some thing else. Each hidden div must have different ID names. This also applies to the example-show and example-hide.Example for second div: ( I also changed it so the title question is the trigger and close.) How much does it cost to create an account? How much does it cost to create an account? It's freeHope this helps someone if they need it.Great file otherwise.

By: Wono Kairun

Wono Kairun — Fri, 07 Aug 2009 07:12:21 +0000

Thanks you very much !

By: Nicole Rankin

Nicole Rankin — Mon, 08 Jun 2009 18:10:17 +0000

Thanks so much for the script! It has helped this newbie fix her website!

By: Ernest Kwan

Ernest Kwan — Thu, 23 Apr 2009 04:01:52 +0000

Hi there, I have set this up on multiple items on one page. I was wondering, is there to make it so that if say I click on List 1 and it shows the rows, then I go to the List 2, and when I click on show, it will automatically hide the List 1? Thanks!

By: Craig Burtenshaw

Craig Burtenshaw — Sat, 04 Apr 2009 08:26:02 +0000

Thanks Rob,

That’s what I was missing; absolute positioning. I had only just worked that out after some crawling the internet when you replied and confirmed it.

Although while I was searching;

Jquery is very popular and I like the animations it can do and there are lot’s of app’s out there that are ubiquitous now. I wanted it to animate when opening. I know nothing about Javascript! But after a bit of reading and some playing around I got it to work.

I have mocked up a couple of pages for both if you or anyone wants to use it your welcome. It’s probably been done before, but I couldn’t find it when looking for it. So I was just happy I managed to get it working the way I wanted.

By: R Barrera

R Barrera — Fri, 03 Apr 2009 14:32:48 +0000

Splendid script … thanks.

By: Rob Glazebrook

Rob Glazebrook — Thu, 02 Apr 2009 13:25:29 +0000

Hi Craig,

If you want z-index to work, you’ll need to give the “more” content a position of absolute. Z-index only works with absolutely positioned elements. However, if you just give it an absolute position and don’t specify a new position for the box, it should stay in its original location (though I haven’t tested that).