JQuery？

我需要在我的应用程序中为一系列父容器div添加一些手风琴样式展开/折叠句柄。这对于像jquery这样的库来说太简单了吗？

例：

 expand | collapse child element
 child element
 
  expand | collapse child element
 child element

尝试这样的事情：

 $('.handleDiv').click(function() { $(this).children().toggle(); });

只要你点击它们，它就会扩展或隐藏“handleDiv”的内容。我建议将那些“展开|折叠”事物链接并将点击处理程序附加到它们，以便在div中的任何位置点击都不会切换它。

如果您希望它们开始关闭，请在样式表中关闭它们的样式：

 .handleDiv div { display: none; }

或者在我的答案开头的jQuery片段末尾添加一个“.hide（）”。

我刚刚写了一个插件来做到这一点。

见http://sylvain-hamel.github.io/simple-expand/