How do I make headings drop down to...

User 2215470 Photo


Registered User
2 posts

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

I have a lot of text on the page and want to break it up and just have about 4 headings, which you click on and the appropiate text drops down and then ascends too.
What can I use in coffee cup to do this?

Cheers,
Stacey
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

I see you are using VSD. Wouldn't it be possible to make the effect you want as mouseovers?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 117361 Photo


Ambassador
6,076 posts

I recently incorporated something like this into a site (still under construction). I picked up the snippet of code from Stu Nicholls...it is called "more or less"
See the example of my work here at the bottom of each of the 4 columns where it says "prosegue":
http://www.lithosrestauri.com/lavori.html
and here is an example on Stu's web site:
http://www.stunicholls.com/various/jquery-more-less.html
He has others similar to this which can be adapted.
User 104702 Photo


Registered User
293 posts

I made a VSD example using only VSD, two columns, with some (clever? :lol:) page switching. It takes 4 pages to accomplish this. Watch it here: http://www.johnvanhulst.com/exp-col/index.html The VSD design can be downloaded there too.

Have fun, John
John van Hulst
User 117361 Photo


Ambassador
6,076 posts

John...cute workaround for VSD! :)
User 104702 Photo


Registered User
293 posts

Janys Hyde wrote:
John...cute workaround for VSD! :)


Thank you!
John van Hulst
User 187934 Photo


Senior Advisor
20,271 posts

Nice job John. Maybe you missed your calling as a magician.:)
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 629005 Photo


Ambassador
2,174 posts

Very cool John!

One question though, is there a way to expand both sides (individually) at the same time? I noticed that if one side is expanded, and you click on the other side "expand" it automatically collapses the first... Just a thought.
Living the dream, stocking the cream :D
User 104702 Photo


Registered User
293 posts

Phil wrote:
Very cool John!

One question though, is there a way to expand both sides (individually) at the same time? I noticed that if one side is expanded, and you click on the other side "expand" it automatically collapses the first... Just a thought.


That would only be possible if I created another (a new) page with both text boxes expanded, and a separate link for this page on all other pages (with a 'back' link to the front page). I could variate this design endlessly, like horizontal expanding (not very useful), vertical expanding while the text boxes are placed below each other, a top menu that switches to pages that can be vertically expanded, your imagination is the limit. A year ago (or something) I made a design that combines a top menu and a left menu which uses the same page switching technique. See it here: http://www.johnvanhulst.com/probike/index.html

And thanks for the compliment...
John van Hulst

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.