Javascript 我的副标题没有'；当它'；用jquery单击

$（文档）.ready（函数（）{
$（“#子主题”）.hide（）；
$（“#主要主题”）。单击（函数（）{
$（“子主题”）。显示（“慢”）；
});
});
正文
{
保证金：0；
}
李，a{
文字装饰：无；
列表样式类型：无；
文字装饰线：无；
颜色：黑色；
}
#主菜单{
位置：相对位置；
}
#主菜单{
保证金：0；
填充：0；
}
#主菜单李{
显示：内联块；
}
#主菜单a{
显示：块；
宽度：100px；
填充：10px；
边框：1px实心；
文本对齐：居中；
}
#副标题{
位置：绝对位置；
边缘顶部：10px；
宽度：100%；
左：0；
}
#次主题{
保证金：0；
填充：0；
}
#小标题李{
显示：块；
}
#分主题a{
文本对齐：左对齐；
}
#第1列、第2列、第3列、第{
位置：相对位置；
浮动：左；
左：125px；
保证金：0px 5px 0px 0px；
}
#主菜单li：悬停{
文字装饰：下划线；
}






































HTML

jQuery

$(document).ready(function () {
$("#mainTopics").click(function (event) {
    $(".classSubTopics").hide();
    event.preventDefault()
    $("#subTopics").show("slow");
});

});

即使没有
jQuery
，您的代码也可以工作。您只能使用
css
来执行此操作


正文
{
保证金：0；
}
李，a{
文字装饰：无；
列表样式类型：无；
文字装饰线：无；
颜色：黑色；
}
#主菜单{
位置：相对位置；
}
#主菜单{
保证金：0；
填充：0；
}
#主菜单李{
显示：内联块；
}
#主菜单a{
显示：块；
宽度：100px；
填充：10px；
边框：1px实心；
文本对齐：居中；
}
#副标题{
位置：绝对位置；
填充顶部：10px；
宽度：100%；
左：0；
显示：无；
}
#次主题{
保证金：0；
填充：0；
}
#小标题李{
显示：块；
}
#分主题a{
文本对齐：左对齐；
}
#第1列、第2列、第3列、第{
位置：相对位置；
浮动：左；
左：125px；
保证金：0px 5px 0px 0px；
}
#主菜单li：悬停{
文字装饰：下划线；
}
#主菜单li：悬停#子主题{
显示：块；
}






































<或代码>如果这个或任何答案已经解决了你的问题，请考虑通过点击复选标记和上投票来接受它。这向更广泛的社区表明，你已经找到了一个解决方案，并给回答者和你自己带来了一些声誉。没有义务这样做。：）嗨，祖伯，我实际上只想通过点击访问子主题。顺便说一下，谢谢。这非常有效。你介意帮我一点忙吗？我还希望在单击其他菜单或有空间的地方再次隐藏子主题。谢谢您的帮助。为所有子菜单添加一个类，然后执行
$（'.submenus'）.hide（）
，然后再显示当前子菜单
#subTopics {
position: absolute;
display: none;
margin-top: 10px;
width: 100%;
left: 0;
}

$(document).ready(function () {
$("#mainTopics").click(function (event) {
    $(".classSubTopics").hide();
    event.preventDefault()
    $("#subTopics").show("slow");
});

});