Comments on: Show/Hide Content with CSS and JavaScript

By: jeya

jeya — Thu, 01 Dec 2011 06:23:51 +0000

Hi,

Thanks for your code.. it was awesome….

By: HostMonster Coupon

HostMonster Coupon — Thu, 10 Nov 2011 16:58:42 +0000

What did you use to design your blog? It’s really awesome can you send me an email and let me know?

By: Amber

Amber — Wed, 09 Nov 2011 23:13:54 +0000

Thank you so much. This has been so very helpful. I don’t actually know how to write code but can edit it well enough to make it work if I have a starting point. I was hoping to have sub-menus hidden too, and though my mind is completely warped now, I was able to modify this to do sub-items too, so there were hidden items to show within each hidden item. Thanks so much!!! You are awesome!

By: Jasmine

Jasmine — Thu, 03 Nov 2011 09:38:58 +0000

Wow, great tips. I am designing a page, where I need to hide a button by default, and only displays it when user enters something in a text box. I am using part of your code here. Thanks!

By: Andrew

Andrew — Sat, 29 Oct 2011 23:36:36 +0000

Thank Rob that fixed it.

Strangely enough I had copied the code from the example above which did contain:

.more { display: none;

but I had to take the space out next to “none” for it to work:

.more {
display:none;

Thanks again ;>)

By: Rob Glazebrook

Rob Glazebrook — Fri, 28 Oct 2011 13:05:57 +0000

Hi Andrew, it looks like you’re missing the one critical line of CSS: the “display: none” rule on the .more class. This is what hides the additional content by default. Once you add that, everything should be great!

By: Andrew

Andrew — Fri, 28 Oct 2011 05:38:27 +0000

Hi,

I have implement the code on this page http://www.chatswoodpilates.com.au/about but for some reason it is always expanded by default and shows the full page text.

Click Show less info at the bottom works so not sure why this would not.

Any help would be appreciated.

By: Stephen

Stephen — Sun, 23 Oct 2011 11:33:53 +0000

Hi,

Great article and it is working great. However I am trying to make a modification where the content is shown by default and the user then has the option of hiding it.

Any ideas?

Steve

By: Dimos Novakis

Dimos Novakis — Wed, 05 Oct 2011 15:55:52 +0000

Thank you! Wotking great for me. Just used it in my website…

By: How to reveal information when clicking on a button/text? | SeekPHP.com

How to reveal information when clicking on a button/text? | SeekPHP.com — Sat, 27 Aug 2011 01:22:43 +0000

[...] Of course, this assumes you’re already familiar with jQuery. If you aren’t, or you can’t/won’t use it, a quick Google search turned up http://www.cssnewbie.com/showhide-content-css-javascript/ [...]