如果打开，则关闭div；如果关闭，则打开

Question

我尝试将以下代码实现到我的项目中。 但我也想补充一点。 如果单击打开的（活动）div上的按钮，它应该再次关闭。 我正在foreach循环中执行此操作。 我将有许多#content因此它必须是.content类的类。

我应该在这个漂亮的代码块上添加或更改什么？

下面需要的所有东西。

http://jsfiddle.net/ardeezstyle/4FKCa/

Answer 1

我替换了您的一些js。 现在，按钮具有数据目标属性。 您必须在该属性中放置一个CSS选择器。 当您单击按钮时，js将使用data-target属性选择需要显示的内容。

$("table .load-content").on("click", function () {
    var currentRow = this.parentNode.parentNode;
    if ($(this).hasClass('content-loaded')) {
        $(currentRow).next().toggleClass('hidden');
    } else {
        var content = "<tr class='loaded-content'><td colspan='5'>" + $(this.getAttribute('data-target')).html() + "</td></tr>";
        $(content).insertAfter(currentRow);
        $(this).addClass('content-loaded');
    }
});

这是完整的代码： http : //jsfiddle.net/LLaaqqvr/5/

为什么不将要显示的内容直接放在表中？ 真的会更容易。