»
AnglaisFranaisVietnamien

Imprimer - Collapsible menus - JavaScriptBank.com

Version complte: jsB@nk » Menu » Navigation » Collapsible menus
URL: http://www.javascriptbank.com/collapsible-navigation-menus.html

Collapsible menus © JavaScriptBank.comBasculer sur des informations supplémentaires par le biais de clic, qui est caractéristique de ce Le code JavaScript. Juste une collapsible div est ouvert à chaque fois, le précédent sera fermé automatiquement. Vous pouvez ajouter des informations illimité sélectionner du texte. Très excellent pour F.A.Q.

Version complte: jsB@nk » Menu » Navigation » Collapsible menus
URL: http://www.javascriptbank.com/collapsible-navigation-menus.html



JavaScript
<script type="text/javascript"><!--// Created by Sandeep Gangadharan - http://www.sivamdesign.com/scripts/if (document.getElementById) {  document.write('<style type="text/css">.texter {display:none; border-left:white 20px solid; color:#404040; font: .9em verdana, arial, helvetica, sans-serif; margin-bottom: 12px;}</style>') }  var divNum = new Array("a1","a2","a3");  // at the left you should add a1, a2 etc. for each header you wish to include                                          // so if you want 4 headers you should add a1, a2, a3, a4 in the format shown                                          // enclosed in double quotesfunction openClose(theID) {  for(var i=0; i < divNum.length; i++) {    if (divNum[i] == theID) {      if (document.getElementById(divNum[i]).style.display == "block") { document.getElementById(divNum[i]).style.display = "none" }      else {        document.getElementById(divNum[i]).style.display = "block"      }  } else {    document.getElementById(divNum[i]).style.display = "none"; }  }}//--></script>


HTML
<div onclick="openClose('a1')" class="mainExpand">1] Example & Explanation:</div><div style="display: none;" id="a1" class="texter">Ma quande lingues coalesce, li grammatica del resultant lingue es plusimplic e regulari quam ti del coalescent lingues. Li nov lingua francava esser plu simplic e regulari quam </div><div onclick="openClose('a2')" class="mainExpand">2] Compatibility:</div><div style="display: none;" id="a2" class="texter">Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrelset gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum epluribus unum. Defacto lingo est igpay atinlay. Marquee selectus </div><div onclick="openClose('a3')" class="mainExpand">3] Notes:</div><div style="display: none;" id="a3" class="texter">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut </div>