Comments on: Pure CSS Hide and Display Content

By: Lucas

Lucas — Wed, 11 Jan 2012 22:29:54 +0000

Hi,
I hope this is something I was looking for :) I need to have an events calendar on a website that will appear in exactly this way (as on tab only). It’s going to be powered by WordPress. Have you tested it with dynamic content by any chance? If you have any suggestions that would be great :)
Many thanks!

By: Kyle

Kyle — Mon, 09 Jan 2012 21:25:39 +0000

Only issue I am having is when using this script on a iPad or iPhone. When you click the link you see the content but there is no way for the content to go away after words. You can choose the other categories so see their content but you can’t get rid of the content due to the fact there your using a tablet touch screen. Is there any way to add a link within the content to act as a Close?

By: Edward

Edward — Sun, 25 Dec 2011 20:54:23 +0000

Very useful, thank you very much!

By: irvan fansuri

irvan fansuri — Mon, 14 Nov 2011 00:57:12 +0000

thank you for nice tutorial, i need change the button to vertical, how i change it?

Thanks and Regards Irvan

By: Devin R. Olsen

Devin R. Olsen — Thu, 29 Sep 2011 04:08:50 +0000

@Justin – You needed to apply a list-style:none; to your ul and the bullets will be removed. Also note that there is browser default margins and padding applied to ul and ol elements.

Good luck.

By: Justin

Justin — Wed, 28 Sep 2011 19:54:57 +0000

Great tutorial. Thank you!

Quick question: I am using a ul li instead the one that hovers, but the bullets won’t appear! Can you assist me with this?

Thanks.

By: Ernie Boynton

Ernie Boynton — Sat, 20 Aug 2011 11:13:50 +0000

Thank you very much for sharing your knowledge. Your tutorial is first class – Great work Mr.Olsen.
I am very much a novice in web design and in particular css, but working through you tutorial has given me inspiration to do some css experimenting.
Thank you and kind regards

Ernie

By: Chris Rabkin

Chris Rabkin — Fri, 22 Jul 2011 19:41:30 +0000

Hey
This is really cool! Im having trouble implementing in ie 8.
The code structure works in FF, Chrome and Safari but in ie 8 the first part of the unorderd list shows but the second part appears on the page- heres a link to show you http://72.52.206.17/~guerilla/category/vlog/

i need some help – Ive played around with structure, and css but cant seem to get it ie 8 working.

thanks

By: Devin R. Olsen

Devin R. Olsen — Thu, 19 May 2011 04:02:40 +0000

@AJ – http://www.devinrolsen.com/pure-css-vertical-menu/ and this tutorial should get you going.

By: AJ

AJ — Tue, 17 May 2011 20:19:12 +0000

How would you go about making the menu vertical instead of horizontal?

By: Robert

Robert — Tue, 10 May 2011 23:56:25 +0000

This is a great script. I have one question though, how can I have the contents of the Home Box appear when the page loads. Since its the homepage, the home content should be there by default.

Thanks!

By: Darryl Kennedy

Darryl Kennedy — Wed, 06 Apr 2011 14:17:01 +0000

Hello.

I need to implement this effect on our online annual report soon.

Can the revealed content be placed to the left, of say an image for example?

I plan to have an image of Board Members with their names below it and when users hover over their link name the content about them will show to the right of the image.

Please respond with advice on this (-: Thanks for your time and love the site design