»
Tiếng AnhTiếng PhápTiếng Việt

In - Trình đơn xếp gập - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Trình đơn » Định hướng » Trình đơn xếp gập
URL: http://www.javascriptbank.com/collapsible-navigation-menus.html

Trình đơn xếp gập © JavaScriptBank.comHiển thị thông tin thêm chỉ qua một cú nhấn chuột, đó là chức năng của đoạn mã JavaScript này. Tại mỗi thời điểm chỉ một trình đơn được mở, trình đơn được mở trước đó sẽ tự động được đóng lại. Hiệu ứng cho phép bạn tạo không giới hạn các trình đơn, vì vậy sẽ rất phù hợp để thiết kế các F.A.Q.

Phiên bản đầy đủ: jsB@nk » Trình đơn » Định hướng » Trình đơn xếp gập
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>