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
White Rose White Rose is offline
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
ChristinaVOS ChristinaVOS is offline
Active Member
Company name: Christina Nelson ~ Life & Biz Alchemist
From the Blog: MORE!
My latest Twitter: MORE! http://t.co/ELGZlo2bMC
 
Join Date: Nov 2007
Location: Upstate NY
Posts: 983
Send a message via AIM to ChristinaVOS
Follow this virtual assistant on Twitter Find this virtual assistant on Facebook Contact this virtual assistant on LinkedIn Find this virtual assistant on Google+
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.
__________________
Reply With Quote
    #3 (permalink)  
Old 08-12-2009
White Rose's Avatar
White Rose White Rose is offline
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
Business-Bytes Business-Bytes is offline
Resident Member
Company name: SunRise Virtual Solutions
 
Join Date: Jun 2009
Location: Iowa
Posts: 1,059
Blog Entries: 1
Contact this virtual assistant on LinkedIn
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 - I rock WordPress customization, XHTML/CSS websites, and Administrative duties.
Reply With Quote
    #5 (permalink)  
Old 08-12-2009
Business-Bytes's Avatar
Business-Bytes Business-Bytes is offline
Resident Member
Company name: SunRise Virtual Solutions
 
Join Date: Jun 2009
Location: Iowa
Posts: 1,059
Blog Entries: 1
Contact this virtual assistant on LinkedIn
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 - I rock WordPress customization, XHTML/CSS websites, and Administrative duties.
Reply With Quote
    #6 (permalink)  
Old 08-12-2009
ChristinaVOS's Avatar
ChristinaVOS ChristinaVOS is offline
Active Member
Company name: Christina Nelson ~ Life & Biz Alchemist
From the Blog: MORE!
My latest Twitter: MORE! http://t.co/ELGZlo2bMC
 
Join Date: Nov 2007
Location: Upstate NY
Posts: 983
Send a message via AIM to ChristinaVOS
Follow this virtual assistant on Twitter Find this virtual assistant on Facebook Contact this virtual assistant on LinkedIn Find this virtual assistant on Google+
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!
__________________
Reply With Quote
    #7 (permalink)  
Old 08-12-2009
Business-Bytes's Avatar
Business-Bytes Business-Bytes is offline
Resident Member
Company name: SunRise Virtual Solutions
 
Join Date: Jun 2009
Location: Iowa
Posts: 1,059
Blog Entries: 1
Contact this virtual assistant on LinkedIn
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 - I rock WordPress customization, XHTML/CSS websites, and Administrative duties.
Reply With Quote
    #8 (permalink)  
Old 08-13-2009
White Rose's Avatar
White Rose White Rose is offline
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
GalFriDee GalFriDee is offline
Contributing Member
Company name: GalFriDee
My latest Twitter: Vin?
 
Join Date: Apr 2009
Location: Delaware, USA
Posts: 81
Follow this virtual assistant on Twitter
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 CMColeman is offline
Contributing Member
Company name: The Northern Edge Business Solutions
<div>Edge News and Views: <a href=
<div>My latest Twitter: <a href=
 
Join Date: May 2009
Location: Alberta, Canada
Posts: 210
Send a message via MSN to CMColeman
Follow this virtual assistant on Twitter Find this virtual assistant on Facebook Contact this virtual assistant on LinkedIn
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!
Reply With Quote
Reply

« Previous Thread | Next Thread »
Thread Tools
Show Printable Version Show Printable Version
Email this Page Email this Page
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

Forum Rules

Similar Threads
Thread Thread Starter Forum Replies Last Post
How did you create your business name? bluewaterbusiness Branding Your Business 37 02-10-2013 09:25 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 02:56 AM.

Virtual Assistant Forums Advertising
Featured VA websites:

LadyPA Professional Administrative Services, LLC.

Virtual Hired Hand

Lightseeds Office
Get featured!
Bankruptcy Virtual Assistant Training
Virtual Assistant Forums Advertising
Create a Professional New Client Welcome Packet
Virtual Assistant Forums Advertising
Work from Home | Become A Virtual Assistant

© Virtual Assistant Forums 2013 Content and images protected under copyright law.
Google+ - Facebook - Twitter