如何使用jQuery创建div切换效果？

Question

我想要以下要求。但上面有一些细微的变化。

http://acrisdesign.com/demo/toggle/

请考虑以下示例的上述链接。

Hover和Click上有两种切换效果。

我的要求是当有人点击div的顶部时:它会展开，并且在div中应该有一个“关闭”按钮，一些人将鼠标移到这个图像上或点击div就会关闭。当有人将鼠标悬停在链接上时，它将展开。

  First time click expand when mouse over the link collapse. 

这里有切换链接“点击这里”。当有人点击链接时，它会在彼此之间创建一个空间，但我对它的要求显示在三个链接的顶部“单击此处”。

Answer 1

尝试手风琴

Example one

Example 2

Example 3

Answer 2

我发现jQueryUI中的.toggleClass()函数非常有用

http://jqueryui.com/demos/toggleClass/