Javascript 如何通过使用jquery单击隐藏元素并显示？

嗨，我如何使元素子主题在单击时显示和隐藏？我也希望我的副标题隐藏时，我点击其他菜单或网页中的任何地方谢谢。

$（文档）.ready（函数（）{
$（“#主要主题”）。单击（函数（e）{
e、 预防默认值（）；
$（“#子主题”）.toggle（）
});
$（“html”）。单击（函数（e）{
$（“#子主题”）.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











使用方法从显示更改为隐藏，反之亦然。还要注意使用
preventDefault
来防止锚定标记的默认行为

要在单击任意位置时隐藏
子主题
，请检查元素的可见性，然后使用相同的
切换
功能

在这种情况下还要注意使用
preventDefault
和
stopPropagation


$（文档）.ready（函数（）{
$（“#主要主题”）。单击（函数（e）{
e、 预防默认值（）；
e、 停止传播（）；
$（“#子主题”）.toggle（）；
});
$（'body'）。在（'click'，function（）上{
如果（$（“#子主题”）是（':visible'））{
$（“#子主题”）.toggle（）；
}
})
});
正文{
保证金：0；
}
锂，
a{
文字装饰：无；
列表样式类型：无；
文字装饰线：无；
颜色：黑色；
}
/*主菜单*/
#主菜单{
位置：相对位置；
}
#主菜单{
保证金：0；
填充：0；
}
#主菜单李{
显示：内联块；
}
#主菜单a{
显示：块；
宽度：100px；
填充：10px；
边框：1px实心；
文本对齐：居中；
}
/*分专题*/
#副标题{
位置：绝对位置；
显示：无；
边缘顶部：10px；
宽度：100%；
左：0；
}
#次主题{
保证金：0；
填充：0；
}
#小标题李{
显示：块；
}
#分主题a{
文本对齐：左对齐；
}
/*纵队*/
#第1栏，
#第2栏，
#第3栏{
位置：相对位置；
浮动：左；
左：125px；
保证金：0px 5px 0px 0px；
}
/*悬停下划线*/
#主菜单li：悬停{
文字装饰：下划线；
}











也可以交替使用jquery.hide（）和.show（）方法

嗨，这帮了我很多忙。但是你介意再帮我一点吗？我还想在网页或其他菜单中的任何位置单击时隐藏子主题。非常感谢你，你真的为我节省了很多。顺便问一下，你在web develop工作多久了？我怎么能和你一样好呢？每次我遇到问题时，我都会尽力解决代码，但我做不到。最后，我在这里询问了一些人。