单击显示/隐藏div

Question

您好 我创建了一个使用show / hide on的邮箱：hover。然而有人告诉我，这样做可能会让人分心。我知道它不会起作用：主动使用纯CSS，所以我想问你们在使用JS时我怎样才能重新制作它？我真的很难用JS，所以我很感激任何帮助

我的邮箱样本： http://jsfiddle.net/v4sch/6/

Answer 1

我想你想要这样的东西： http://jsfiddle.net/v4sch/28/

Answer 2

如果您不熟悉JavaScript，最简单的方法是使用jQuery UI Accordion。

http://jqueryui.com/demos/accordion/#mouseover

Answer 3

当页面准备好 为标题添加活动时 当有人点击标题 to mailbody 时。

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

Simple Working Example

Answer 4

如果你的要求被修复为当鼠标悬停在元素上时有一些显示/隐藏效果，那么它如何分散注意力？我不这么认为。例如，在博客网站上，当我将鼠标悬停在“回复”按钮上时，我会选择回复，这非常好......

然而，当元素非常频繁地悬停并且悬停的过渡效果很昂贵时，悬停可能表现良好。在这种情况下，您可以使用timeout（）函数来确保元素悬停足够的时间来开始处理......

请更具体地说明您的要求。