如何使用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/