单击时显示/隐藏 div

Question

您好，我创建了一个使用显示/隐藏的邮箱：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

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

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

简单的工作示例

Answer 4

如果您的要求固定为在鼠标悬停在元素上时具有一些显示/隐藏效果，那么它是如何分散注意力的？ 我不这么认为。 例如，在博客站点中，当我通过“回复”按钮进行 hover 时，我可以选择回复，这非常好......

然而，hover 在元素悬停非常频繁且悬停过渡效果代价高昂时可能表现良好。 在这种情况下，您可以使用 timeout() function 来确保元素悬停足够的时间来开始处理......

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