Javascript jQuery onclick在菜单中隐藏/显示divs

我对一些要隐藏/显示onclick的div有问题

我做了以下代码：

这一切都很好，但我需要的是，当我第二次点击一个链接时，我会隐藏显示的div，因为现在没有办法在所有div关闭时返回

有人能帮我吗？

---

非常感谢

您可以使用类作为切换：

---

在上面，我只是将打开的类添加到当前显示的任何内容中，并在第二次单击时将其删除。

您可以使用类作为切换：

在上面，我只是将open类添加到当前显示的任何内容中，并在第二次单击时将其删除。

您可以这样做：

$(function() {
    var curPage="";
    $("#menu a").click(function() {
        var page = $(this).attr("data-page");
        if($("#"+page).css("display") != "none"){
            $("#"+page).slideUp();
        }else{
            $(".content").slideUp();
            $("#"+page).slideToggle();
        }
    });
});

您可以执行以下操作：

$(function() {
    var curPage="";
    $("#menu a").click(function() {
        var page = $(this).attr("data-page");
        if($("#"+page).css("display") != "none"){
            $("#"+page).slideUp();
        }else{
            $(".content").slideUp();
            $("#"+page).slideToggle();
        }
    });
});

与此类似

必须检查相关元素是否已可见

$(function() {
var curPage="";
$("#menu a").click(function() {
    var isVisible = false;
    if (curPage.length) {
        isVisible = $("#"+curPage).is(":visible"); 
        $("#"+curPage).hide();
    }
    if (!isVisible) {
        curPage=$(this).data("page");
        $("#"+curPage).show();
    }
});

和这个差不多

必须检查相关元素是否已可见

$(function() {
var curPage="";
$("#menu a").click(function() {
    var isVisible = false;
    if (curPage.length) {
        isVisible = $("#"+curPage).is(":visible"); 
        $("#"+curPage).hide();
    }
    if (!isVisible) {
        curPage=$(this).data("page");
        $("#"+curPage).show();
    }
});

---

我同意这一点，我更喜欢

.toggle

到

.slideToggle

，苹果和橙子：）是的，使用toggle我可以关闭div，但我不会同时打开两个div…：（Mh现在，如果我重新单击打开的链接，我会隐藏一段时间，但它会很快返回，没有办法永久关闭div？我同意这一点，我更喜欢

。切换
到
。滑动切换
，苹果和橙子：）是的，使用切换我可以关闭div，但我不会同时打开两个div…：（Mh现在，如果我重新单击打开的链接，我会隐藏一段时间，但它很快返回，没有办法永久关闭div？是的，使用toggle我可以关闭div，但不会同时打开两个div…：（是的，使用toggle我可以关闭div，但不会同时打开两个div…）（是的，效果很好！唯一的问题是html结构不一样，它使用jQueryUi…是的，效果很好！唯一的问题是html结构不一样，它使用jQueryUi。。。