javascript - jQuery onclick在菜单中隐藏/显示div

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

我做了这段代码：

http://jsfiddle.net/wolfovs/zL4h2dsL/

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

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

有人可以帮我吗？
非常感谢！

最佳答案

你可以这样做 ：

$(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();
        }
    });
});

http://jsfiddle.net/zL4h2dsL/3/

关于javascript - jQuery onclick在菜单中隐藏/显示div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27474187/