Question

我刚看到此页：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 -->

任何关于从哪里开始的指示都会非常有帮助，谢谢。迈克尔

Answer 1

听起来你正在寻找手风琴插件。

对于你所追求的内容可能有些过分，但你可以考虑使用jQuery UI插件 - http://jqueryui.com/download

这是一个非常方便的组件，动画和其他方便的东西的集合，使网站真棒。

手风琴已内置于其中 - http://jqueryui.com/demos/accordion/

提示：下载时，您可以选择要安装的部分以保持文件大小。

Answer 2

这是用jquery构建的手风琴按钮效果（我认为这就是你所说的）。

教程和代码：

JQuery UI Site

Answer 3

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

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

3 个答案: