如何使DIV内容滑出并仅在用户点击DIV标题时显示？

Question

如果我的DIV标题为Contact Details或Address Details，请参阅以下示例：

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”以隐藏它们，并仅在点击时显示。]