Mark Forums Read
  #1  
Old 04-15-2010, 03:40 PM
JavaScriptBank JavaScriptBank is offline
Senior Member
 
Join Date: Sep 2009
Posts: 130
JavaScriptBank is on a distinguished road
Default FAQ Drop Down script

Need to create a F.A.Q for your Web site? Use this JavaScript to hide/reveal content on a Web page. Keep your long documents short.... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

Step 1: Place JavaScript below in your HEAD section
JavaScript
Code:
<script type="text/javascript"> <!-- Begin // Created by: Fang :: http://tinyurl.com/7v7l8 function toggle(obj) { // Moz. or IE var sibling=(obj.nextSibling.nodeType==3)? obj.nextSibling.nextSibling : obj.nextSibling; // hide or show if(sibling.style.display=='' || sibling.style.display=='block') { sibling.style.display='none'; obj.firstChild.firstChild.data='+'; } else { sibling.style.display='block'; obj.firstChild.firstChild.data='-'; } } // function initCollapse() { var oDT=document.getElementById('content').getElementsByTagName('dt'); for (var i=0; i < oDT.length; i++) { oDT[i].onclick=function() {toggle(this)}; var oSpan=document.createElement('span'); var sign=document.createTextNode('+'); oSpan.appendChild(sign); oDT[i].insertBefore(oSpan, oDT[i].firstChild); oSpan.style.fontFamily='monospace'; oSpan.style.paddingRight='0.5em'; oDT[i].style.cursor='pointer'; toggle(oDT[i]); } oDT=null; } window.onload=function() {if(document.getElementById && document.createElement) {initCollapse();}} //--> </script> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com -->
Step 2: Place HTML below in your BODY section
HTML
Code:
<dl id="content"> <dt>This is Question #1 <em class="sm">[click here]</em></dt> <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.<br><br></dd> <dt>This is Question #2 <em class="sm">[click here]</em></dt> <dd>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso.<br><br></dd> <dt>This is Question #3 <em class="sm">[click here]</em></dt> <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.</dd> </dl> </div> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com -->





Reply With Quote
 #Add to Ads's Reputation  
OldSponsored Ads
Ads AdsPromoter is online
Member
 
Join Date: LongTime
Posts: 1100
Ads is on a distinguished road
Default New Sponsored Ads



This message will go away once you are registered. Also, by registering, you will have access to all post topics, communicate privately with other members (PM), respond to polls, upload graphics, and access other special features! Registration is fast, simple and absolutely free so please Click Here to join our Web Hosting community today!
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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 05:17 PM.


Powered by vBulletin Version 3.6.1
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
SEO by vBSEO 2.4.0