How to create Drop Down Expanding Text?

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
18,829 posts

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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
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
15 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
18,829 posts

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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
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.