javascript - 如果 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/

为什么不把想要显示的内容直接放在表格中呢？这真的会更容易。