Website Coding

Stuck on a line of code? Find resources and post your coding questions here.

Forum Sponsor (Advertise with us)
Reply
 
Thread Tools Display Modes
    #1 (permalink)  
Old 08-12-2009
White Rose's Avatar
Active Member
Company name: Brevos
 
Join Date: Feb 2008
Location: Michigan
Posts: 871
Question How to create a drop down paragraph?
Hi,

I would like to create a list on a website with hidden short paragraph of description for each items. Once the web visitor clicks on one of these items, the paragraph then would appear below it. I hope I'm making any sense?

Problem is - I don't know how to do that. Does anyone?

Brenda
__________________
Brenda A. Jones
www.brevos.com
Reply With Quote
    #2 (permalink)  
Old 08-12-2009
ChristinaVOS's Avatar
Active Member
Company name: VOSTeam/Business Darlings/PainlessWP
 
Join Date: Nov 2007
Location: Upstate NY
Posts: 886
Send a message via AIM to ChristinaVOS Send a message via Skype™ to ChristinaVOS
Default Re: How to create a drop down paragraph?
That is usually a javascript action- do a google search for a dropdown menu script may find what you are looking for.
__________________
~Christina|BD Mag|VOSTeam
Reply With Quote
    #3 (permalink)  
Old 08-12-2009
White Rose's Avatar
Active Member
Company name: Brevos
 
Join Date: Feb 2008
Location: Michigan
Posts: 871
Default Re: How to create a drop down paragraph?
Does dropdown menu script works just as well for dropdown paragraphs? I'll do a search.
__________________
Brenda A. Jones
www.brevos.com
Reply With Quote
    #4 (permalink)  
Old 08-12-2009
Business-Bytes's Avatar
Resident Member
Company name: SunRise Virtual Solutions
 
Join Date: Jun 2009
Location: Iowa
Posts: 1,043
Blog Entries: 1
Send a message via Skype™ to Business-Bytes
Default Re: How to create a drop down paragraph?
Originally Posted by White Rose View Post
Hi,
I would like to create a list on a website with hidden short paragraph of description for each items. Once the web visitor clicks on one of these items, the paragraph then would appear below it. I hope I'm making any sense?
Problem is - I don't know how to do that. Does anyone?
Brenda
Hi Brenda,

Not sure if this would work for you, but you might try this: http://www.dynamicdrive.com/dynamici...pdownpanel.htm It gives you all the code and has pretty good instructions. It includes the HTML, CSS and JavaScript for you and tells you where to put it all. You could mess around with the width, etc. (but not the JavaScript unless you know what you are doing).
And where it says this:
</div>
<div id="mypaneltab" class="ddpaneltab">
<a href="#"><span>Toggle</span></a>
</div>
</div>
You could change "Toggle" to be whatever you want.

Dynamic Drive always has some pretty cool stuff.

Oh! And there is also MooTools, which has a pretty neat accordion dropdown that you could use your own graphic and text, etc. instead of theirs:
http://mootorial.com/wiki/mootorial/...e/04-accordion

HTH a bit,
__________________
Jules, SunRise Virtual Solutions - WordPress Customization & XHTML/CSS Web Sites
Reply With Quote
    #5 (permalink)  
Old 08-12-2009
Business-Bytes's Avatar
Resident Member
Company name: SunRise Virtual Solutions
 
Join Date: Jun 2009
Location: Iowa
Posts: 1,043
Blog Entries: 1
Send a message via Skype™ to Business-Bytes
Default Re: How to create a drop down paragraph?
Brenda, here is a MooTools one that doesn't use graphics: http://demos.mootools.net/Accordion

Okay, I better get back to work.
__________________
Jules, SunRise Virtual Solutions - WordPress Customization & XHTML/CSS Web Sites
Reply With Quote
    #6 (permalink)  
Old 08-12-2009
ChristinaVOS's Avatar
Active Member
Company name: VOSTeam/Business Darlings/PainlessWP
 
Join Date: Nov 2007
Location: Upstate NY
Posts: 886
Send a message via AIM to ChristinaVOS Send a message via Skype™ to ChristinaVOS
Default Re: How to create a drop down paragraph?
Hey Jules,
I just remembered Mootools and came back to the forum to post it- you beat me. LOL

Good Luck Brenda!
__________________
~Christina|BD Mag|VOSTeam
Reply With Quote
    #7 (permalink)  
Old 08-12-2009
Business-Bytes's Avatar
Resident Member
Company name: SunRise Virtual Solutions
 
Join Date: Jun 2009
Location: Iowa
Posts: 1,043
Blog Entries: 1
Send a message via Skype™ to Business-Bytes
Default Re: How to create a drop down paragraph?
Originally Posted by ChristinaVOS View Post
Hey Jules,
I just remembered Mootools and came back to the forum to post it- you beat me. LOL
Good Luck Brenda!
What a hoot!

I installed the MooTools plugin (for the framework) for WP, so I'm going to be dinking around with this a bit on my site. (I tend to be a wee bit wordy, and thought that might be a good option to fit more content without taking up so much real estate on my site ).
__________________
Jules, SunRise Virtual Solutions - WordPress Customization & XHTML/CSS Web Sites
Reply With Quote
    #8 (permalink)  
Old 08-13-2009
White Rose's Avatar
Active Member
Company name: Brevos
 
Join Date: Feb 2008
Location: Michigan
Posts: 871
Default Re: How to create a drop down paragraph?
Thank you so much! I'll check them all out this afternoon.
__________________
Brenda A. Jones
www.brevos.com
Reply With Quote
    #9 (permalink)  
Old 08-13-2009
Contributing Member
Company name: GalFriDee
My latest Twitter: Vin?
 
Join Date: Apr 2009
Location: Delaware, USA
Posts: 81
Default Re: How to create a drop down paragraph?
More fun toys to play with...woohoo...thanks!
__________________
www.GalFriDee.com
...Your Virtual Right Hand
Reply With Quote
    #10 (permalink)  
Old 08-13-2009
CMColeman's Avatar
Contributing Member
Company name: The Northern Edge Business Solutions
 
Join Date: May 2009
Location: Alberta, Canada
Posts: 210
Send a message via MSN to CMColeman Send a message via Skype™ to CMColeman
Default Re: How to create a drop down paragraph?
Thanks for the suggestions! Today, a client asked me to find something very similar to this to display the transcribed text for a video series she's going to be posting. The Accordian will definitely be a good suggestion.

Thanks!
__________________
Crystal Coleman, The Northern Edge
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
How did you create your business name? bluewaterbusiness Branding Your Business 11 09-05-2011 05:01 PM
How Do You Create This on a Website? StaceyVA Website Coding 8 04-17-2009 11:58 AM
[Question] How Can I Create an e-Card Your Virtual Wizard General Website Design and Development 3 01-07-2009 04:27 PM
Columns in an HTML paragraph JacksonAO Website Coding 12 04-15-2008 07:37 PM


All times are GMT -4. The time now is 11:17 AM.

International Virtual Assistants Association
Project Management for Virtual Assistants
Work from Home | Become A Virtual Assistant
Virtual Assistant Directory
Affordable WordPress Themes
Create a Professional New Client Welcome Packet
Virtual Assistant Forums Advertising

© Virtual Assistant Forums 2012
All content and images are protected under copyright law and may not be reproduced in any way without express written consent.