如何让DIV内容滑出并仅在用户点击DIV标题时才出现？

Question

如果我的 DIV 标题为联系方式或地址详细信息，如下例所示：

http://jsfiddle.net/2CZFL/

我如何使用 jQuery 来实现一个功能，即 div 的内容仅在以下情况下滑出并显示给用户：用户单击 DIV标题。

Answer 1

请参阅小提琴了解如何打开和关闭它： http://jsfiddle.net/maniator/wU8s2/

Answer 2

这是一个简单的例子

<script>
  jQuery(document.body).ready(function(){
    jQuery('.sneakycontent h3').click(function(){
      jQuery('.sneakycontent div').slideToggle();
    });
  });
</script>
<div class="sneakycontent">
  <h3>Click Me Newb!</h3>
  <div style="display:none;">Keep eating those stackoverflow weaties kiddies and you can be as cool as me!</div>
</div>

Answer 3

使用小提琴进行简单演示，http://jsfiddle.net/andresilich/DR3x8/

[确保将“display:none”添加到标题下方的内容中，以隐藏它们并仅在单击时显示。]