试图复制一个很酷的下拉内容

我刚看到这个网页：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

试图复制一个很酷的下拉内容

回答

相关问题