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

Question

我在隐藏/显示 onclick 时遇到一些 div 问题。

我做了这段代码:

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 关闭时返回。

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

Answer 1

你可以这样做:

$(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/