Javascript 单击时显示/隐藏div

你好 我创建了一个邮箱，它使用show/hide on:hover。然而，有人告诉我，这样做可能会让人分心。我知道它不适用于：纯CSS的活动，所以我想问你们，在使用JS时，我如何重新制作它？我对JS很不了解，所以我非常感谢你的帮助

我的邮箱示例：

---

如果将鼠标悬停在元素上时，您的需求固定为具有某种显示/隐藏效果，那么它如何分散注意力？我不这么认为。例如，在一个博客站点中，当我将鼠标悬停在“回复”按钮上时，我会得到一个回复选项，这非常好

然而，当元素频繁悬停且悬停过渡效果代价高昂时，悬停可以很好地执行。在这种情况下，可以使用timeout（）函数确保元素悬停足够长的时间以开始处理

---

请更具体地指定您的要求。

如果您是JavaScript新手，最简单的方法是使用jQuery UI Accordion

---

我想你想要这样的东西：

---

页面准备就绪时在标题中添加事件。
当有人点击标题时，点击邮件正文

---

伙计，我应该开始学习JS:p，但对我来说比PHP难：p$（'.mailbox\u item\u top'）.live（'click'，function（）{$（this）。next（'.mailbox\u item\u body'）.toggle（）；}）$（document）.ready（函数（）{$（'.mailbox_item_body'）.hide（）；}）；我试图将其置于两者之间，但它对我无效：/Check here:。建议使用外部javascript文件解决问题是我没有导入jQ库。。。固定的

$(document).ready(function(){
    $("#title").click(function(){
        $("#mailbody").fadeToggle();
    });
});