試圖複製一個很酷的下拉內容

我剛看到這個網頁：http://www.gdconf.com/expo/exhibitorlist.html 試圖複製一個很酷的下拉內容

它有一個很酷的下拉細節，當你選擇參展商。

我想用我的網站，我不會使用它的動態數據。我試圖弄清楚這個方法叫什麼或者是否有教程。我查看了源代碼，但它在iframe中，所以我無法看到它在幕後做了什麼。

<!-- InstanceBeginEditable name="Main Column" --> 
    <iframe src="http://gdc2012.b2b-match.com/_tools/gdc2012_exhibitors/" scrolling="no" framebo  rder=0 width=740 height=20000></iframe> 
<!-- InstanceEndEditable -->

任何指針從哪裏開始將是非常有益的，謝謝。邁克爾

來源

2012-02-28 Michael Robinson

的jQuery [了slideDown（）]（http://api.jquery.com/slideDown/）？ – ManseUK 2012-02-28 17:35:07

他們正在使用slidetoggle.you可以在這裏看到code.it很簡單.http：//gdc2012.b2b-match.com/_tools/gdc2012_exhibitors/javascript.js – devtut 2012-02-28 17:41:24

將iframes URL粘貼到瀏覽器中並查看源代碼 – Turnip 2012-02-28 18:54:39

聽起來像你正在尋找一個手風琴插件。

這可能是矯枉過正了你以後，但你可以考慮使用jQuery的UI插件 - http://jqueryui.com/download

它的成分，動畫和其他方便的事情，使網站真棒的非常方便的集合。

它有內置到它手風琴的 - http://jqueryui.com/demos/accordion/

提示：當你下載它，你可以選擇你想要的它的部分安裝，以保持文件的大小了。

來源

2012-02-28 17:36:52 SpaceBeers

這就是使用jquery構建的手風琴按鈕效果（我認爲這就是你所說的）。

教程和代碼在這裏：

JQuery UI Site

來源

2012-02-28 17:38:56

例如 http://jsfiddle.net/amkrtchyan/jUraw/317/

來源

2012-02-28 17:40:44

試圖複製一個很酷的下拉內容

回答

相關問題