javascript - Hidden Divs - Jquery 关闭和效率

Question

我正在尝试创建多个可以通过单击按钮关闭的 div。作为 jquery 的新手，我相信有更好的方法可以做到这一点。

我的问题是:有更好的方法吗？
编辑:有没有一种方法可以只打开一个 div 并取消并在用户不关闭它的情况下已经打开一个？

    //hidden divs
    $(document).ready(function () {
    $(".x").click(function () {
    $("#tcm_content").hide();
      });
    });

    $(document).ready(function () {
    $(".x").click(function () {
    $("#bazinga_content").hide();
      });
    });

    //thumbnails
    $("#tcm").click(function () {
    $("#tcm_content").show("600", function () {});
    });

    $("#bazinga").click(function () {
    $("#bazinga_content").show("600", function () {});
    });

这是我的 fiddle :http://jsfiddle.net/0t6uqwLm/13/

Answer 1

你可以像这样在一个点击事件中关闭多个div

$(document).ready(function () {
    $(".x").click(function () {
        $("#bazinga_content").hide();
        $("#tcm_content").hide();
    });
});

而且您不需要使用多个 document.ready 函数。您实际上可以使用一个 document.ready 并将所有内容放入其中。

在这里使用 JsFiddle https://jsfiddle.net/0t6uqwLm/10/

用于问题更新的新 JsFiddle https://jsfiddle.net/0t6uqwLm/12/