Question

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

示例：

<div class="handleDiv"> expand | collapse
    <div>child element</div>
    <div>child element</div>
</div>

<div class="handleDiv"> expand | collapse
    <div>child element</div>
    <div>child element</div>
</div>

Answer 1

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

请参阅http://sylvain-hamel.github.io/simple-expand/

Answer 2

尝试这样的事情：

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

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

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

.handleDiv div {
    display: none;
}

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

简单展开/折叠divs＆gt; JQuery的？

2 个答案: