$(function(){
    $('#categoryList .sub').css('display','none');
});

$(function(){
    var handler = $('#categoryList .name'),
    menus = $('#categoryList .sub');
    handler.click(function(){
        var _thisMenu = $(this).next();
        if(_thisMenu.is(':visible')){
       /* _thisMenu.show();*/
		menus.slideUp();
        }
        else {	
        menus.slideUp();
        _thisMenu.slideDown();
        }
    });
});
// 上のままだとマウスカーソルが変わらないのでリンクっぽくないので、
// name要素にマウスオーバーしたら？
$(document).ready(function() {
	$(".name").hover(function(){
		// マウスカーソルの形をリンクのものに偽装。
		$(this).css("cursor","pointer");
	},function(){
		// name要素からマウスが離れたら元に戻す。
		$(this).css("cursor","default");
	});
});