javascript menu links don't do...

User 39678 Photo


Registered User
10 posts

Hello again,
Sorry I had to go to work.
What I am trying to achieve is an opening paragraph like what is on the page now before the test section I'm adding.
And then bullet points with + signs that when the viewer clicks the + it expands the paragraph with the additional information.
My approach so far has been to create the text box and then add html code to make the expanding text box.
What you have helped me do is get the text to expand but it just overwrites the existing text on the page instead of moving the text below it down so you can read the new text.
I did have it in the middle of a text box and now I've tried creating multiple text boxes with the code between them but it still doesn't move the text box below it down.
Thanks again and I hope this makes it more clear. Maybe I'm going about it the wrong way.
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Like this?
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 271657 Photo


Ambassador
3,816 posts

Here's an accordian for you: https://dl.dropboxusercontent.com/u/246 … rdian.html
Right-click on the page to get the code. You need the <style></style> section and the script (at bottom) for your head area. You already have your Jquery CDN, so can skip that.
I didn't put all of your text in the HTML section – you can copy/paste and then create your paragraphs however you want.
Style it however you like; I set some colors and fonts so you could see where to alter those.


I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 39678 Photo


Registered User
10 posts

That's it!
In all my searches I never saw it called Accordion Text.
I was trying to avoid hand coding the entire section but it has turned out pretty good.
I'll probably tweak the look a bit as I have time.
I didn't see any easy way to make the background box expand with the text so I just took off the background box for now.
http://www.renoperinatal.com/prenatal_screening.html

My sincerest thanks for all your time spent with me!
I Really appreciate it!
Dan

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.