Javascript jquery扩展条小部件

Javascript jquery扩展条小部件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要一个扩展栏小部件(jquery/js/html/css),如下所示: 我找不到任何靠近的东西。 谁知道类似的小部件 p.S.膨胀杆不是手风琴。 在扩展栏中,您可以打开“扩展项目标题1”和“扩展项目标题2”。在accordion中,您只能打开“扩展项目标题1”或“扩展项目标题2”。您可以使用类似twitter引导的引导折叠,但您必须定义自己的css样式才能获得相同的外观和感觉。 请参见此处:此工具通常被称为手风琴,在jQuery中可以在以下位置找到此工具的参考实现: 展开的条形图不是手风琴

我需要一个扩展栏小部件(jquery/js/html/css),如下所示:

我找不到任何靠近的东西。
谁知道类似的小部件


p.S.膨胀杆不是手风琴。

在扩展栏中,您可以打开“扩展项目标题1”和“扩展项目标题2”。
在accordion中,您只能打开“扩展项目标题1”或“扩展项目标题2”。

您可以使用类似twitter引导的引导折叠,但您必须定义自己的css样式才能获得相同的外观和感觉。
请参见此处:

此工具通常被称为手风琴,在jQuery中可以在以下位置找到此工具的参考实现:


展开的条形图不是手风琴式的。在展开栏中,可以打开“展开项目标题1”和“展开项目标题2”。在手风琴中,你只能打开“扩展项目标题1”或“扩展项目标题2”。好的,我现在明白你的意思了。显然,您的静态图像示例并没有演示这种行为。不过,这个小部件的全部要点是将大量数据分组到一个小空间中。如果您有空间一次显示所有面板,为什么还要费心折叠它们呢?因此,使用jquery,只需在单击某个项目时调用slideToggle函数就很容易了。