Getting a category list to stay displayed on my drop down menu
<p>Everything works great here but What I'm trying to do is have the list under the Rock category stay displayed until you click on the blues category. I want the Rock category to start off being displayed until another category link is clicked on. Any help would be appreciated since i'm new to javascript. Here is my code and Please see demo... </p>

<p><a href="http://jsfiddle.net/davidzupec/2BTkL/2/" rel="nofollow">http://jsfiddle.net/davidzupec/2BTkL/2/</a></p>

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

})
});
</code></pre>
