0

我在如何将手风琴功能正确应用到我拥有的 div 时遇到了麻烦。div 是从 foreach 循环创建的，因此有多个 div，每个 div 将包含一个带有内容的 div，因此我需要创建并应用唯一的 id，以便每个 div 可以正确折叠。

看法：

<div class="list_accordion_toggle icon-minus-sign" id="letter" data-bind="text: Letter"></div>
    <div class="hideThis smoke_hover">
        <span class="h2"><small data-bind="text: Name"></small></span>
    </div>

因此，当我单击 id="letter" 的 div 时，我希望隐藏 class="hideThis" 的 div。

用于隐藏内容的多个 div 的 Javascript。

$(document).on('click', '.list_accordion_toggle', function (event) {
            var togglerArr = [];
            var contentArr = []; 

            $('.icon-minus-sign').each(function () {
                togglerArr.push($(this));
            });

            $('.collapse').each(function () {
                contentArr.push($(this));
            });

            for (var t = 0; t < togglerArr.length; t++) {
                togglerArr[t][0].dataset.target = "#UserList_" + t;
            }

            for (var c = 0; c < contentArr.length; c++) {
                contentArr[c][0].id = "#UserList_" + c;
            }
        })

如何正确地将手风琴功能绑定到 div？

4

1 回答 1

0

尝试

$(document).on('click', '.list_accordion_toggle', function (event) {
    $(this).toggleClass('icon-minus-sign collapse').next().toggle();
});

演示：小提琴

于 2013-10-18T03:24:11.927 回答