获取类别列表以保持显示在我的下拉菜单中

Question

这里的一切都很好但是我想要做的是让Rock类别下的列表保持显示，直到你点击蓝调类别。我希望Rock类别开始显示，直到单击另一个类别链接。任何帮助将不胜感激，因为我是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()
});

Answer 2

设置摇滚以在CSS中显示就足够了：

ul.rock {
    display:block;
}