How to create Drop Down Expanding...

User 2215470 Photo


Registered User
2 posts

I want to use the headings and have the text drop down when one hovers over or clicks on a heading, to reduce the clutter and mass of words. How do I do this?

http://www.lukewatsoncreations.com/commissions.html

All help appreciated!
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

I think your looking for accordion effect.
http://progrower.coffeecup.com/accordian.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2796102 Photo


Registered User
66 posts

Eric,

Thanks for the tutorial and code but I can't seem to find the images you reference in the zip file? Am I looking in the wrong place?
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

I'm not sure why they are not there. I'm not supporting that site any more. They be available in the source code to grab.
Here ya go.
http://progrower.coffeecup.com/accordio … 40x100.png
http://progrower.coffeecup.com/accordio … 56x240.png
http://progrower.coffeecup.com/accordio … 56x240.png
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.