Jquery 默认打开手风琴菜单

我正在为一所学校创建一个网站（免费工作），并试图拥有一个手风琴子菜单。我有这样的代码，页面加载与所有的关闭，而不是打开。是否有一种方法可以创建一个新的div，在加载页面时，如果我希望默认打开“has sub”列表，我可以在其中发出信号。例如，是否有方法修改我的代码，以便在加载页面时默认打开“产品”。在这里，我希望所有列表项（例如产品1、产品2）都可见。但是，在同样的情况下，我希望隐藏其他列表（即田径和其他）

下面是我的代码，这里是我工作的链接：

（函数（$）{
$（文档）.ready（函数（）{
$（'#手风琴ul li:odd'）.addClass（'odd'）；
$（'#手风琴：偶数'）.addClass（'偶数'）；
$（'#Accordion>ul>li>a'）。单击（函数（）{
$（'#Accordion li'）。removeClass（'active'）；
$（this）.closest（'li'）.addClass（'active'）；
var checkElement=$（this.next（）；
如果（（checkElement.is（'ul'））和（&（checkElement.is（'：可见）））{
$（this）.closest（'li'）.removeClass（'active'）；
checkElement.slideUp（'normal'）；
}
如果（（checkElement.is（'ul'））&（！checkElement.is（':visible'））{
$（'#手风琴ul:visible'）.slideUp（'normal'）；
checkElement.slideDown（'normal'）；
}
if（$（this）.closest（'li'）.find（'ul'）.children（）.length==0）{
返回true；
}否则{
返回false；
}		
});
});
}）（jQuery）
@导入url(http://fonts.googleapis.com/css?family=Lato);
@字符集“UTF-8”；
/*基本样式*/
#手风琴ul测试{
边框底部：1px实心#c9c9c9；
}
#手风琴测试{
背景：#e5；
}
#手风琴ul li。测试：最后一个孩子{
边界：无；
}
/*不要测试*/
#手风琴，
#手风琴，
#李国章，
#手风琴a{
保证金：0；
填充：0；
边界：0；
列表样式：无；
字体大小：正常；
文字装饰：无；
线高：1；
字体系列：“Lato”，无衬线；
字体大小：14px；
位置：相对位置；
}
#手风琴a{
线高：1.3；
填充：6px 15px；
}
#手风琴{
宽度：200px；
}
#手风琴>ul>li{
光标：指针；
背景：#000；
边框底部：1px实心#4c4e53；
}
#手风琴>ul>李：最后一个孩子{
边框底部：1px实心#3e3d3c；
}
#手风琴>ul>li>a{
字体大小：13px；
显示：块；
颜色：#ffffff；
文本阴影：0 1px 1px#000；
背景#64676e；
背景：-莫兹线性梯度（#64676e0%，#4c4e53 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#64676e）、颜色停止（100%、#4c4e53））；
背景：-webkit线性梯度（#64676e0%，#4c4e53 100%）；
背景：线性梯度（#64676e0%，#4e53 100%）；
}
#手风琴>ul>li>a:悬停{
文字装饰：无；
}
#手风琴>ul>li.active{
边框底部：无；
}
#手风琴>ul>li.active>a{
背景：#e6a83d！重要；
背景：-莫兹线性梯度（#97c700 0%，#709400 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#97c700）、颜色停止（100%、#709400））；
背景：-webkit线性梯度（#97c700 0%，#709400 100%）；
背景：线性梯度（#97c700 0%，#709400 100%）；
颜色：#002855；
文本阴影：无；
}
#手风琴>ul>li.has-sub>a:之后{
内容：“；
位置：绝对位置；
顶部：10px；
右：10px；
边框：5px实心透明；
左边框：5px实心#ffffff；
}
#手风琴>ul>li.has-sub.active>a:之后{
右：14px；
顶部：12px；
边框：5px实心透明；
边框顶部：5px实心#4e5800；
}
/*子菜单*/
#手风琴{
填充：0；
显示：无；
}
#手风琴{
背景：#efef；
显示：块；
颜色：#7979；
字体大小：13px；
}
#手风琴{
边框底部：1px实心#c9c9c9；
}
#手风琴{
背景：#e5；
}
#手风琴：最后一个孩子{
边界：无；
}
























将下面的css添加到您的底部，然后只需确保您要打开的li在html中具有活动的类
：

#Accordion > ul > li.active > ul{
    display: block;
}


<li class="even active"><a href="#"><span>Sports Offered</span></a></li>

#手风琴>ul>li.active>ul{
显示：块；
}


注意，要使其正常工作，您需要删除当前ul顶部的空
。如果要创建顶部黑色边框，应该使用CSS。