javascript - 获取类别列表以保留显示在我的下拉菜单上

Question

这里一切都很好，但我想做的是让“摇滚”类别下的列表保持显示，直到您单击“蓝调”类别。我希望开始显示“摇滚”类别，直到单击另一个类别链接。任何帮助将不胜感激，因为我是 javascript 的新手。这是我的代码，请参阅演示...

http://jsfiddle.net/davidzupec/2BTkL/2/

$(function () {
$('a').bind('click',function () {
    var Class = $(this).attr('class');

    var ulName = 'ul.' + Class;
    var Display=$(ulName).css('display');
    var Dis = $(ulName).css('display');

    $(ulName).siblings().hide();
    if (Dis == "block" || Dis == "undefined") {
        $(ulName).slideUp();
    }
    else {
        $(ulName).slideDown().show(1);
    }

})
});

Answer 1

不确定您是否想要这样的东西？

$(function () {
    $('a').bind('click',function () {
        var Class = $(this).attr('class');
        var ulName = 'ul.' + Class;
        var Dis = $(ulName).css('display');

        $(ulName).siblings().hide();
        if (Dis == "block" || Dis == "undefined") {
            //$(ulName).slideUp();
        }
        else {
            $(ulName).slideDown();
        }
    });
    $(".rock").show()
});