Как создать эффект переключения div, используя jQuery?

Question

Я хочу следующее требование. Но есть небольшие изменения в этом.

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

Пожалуйста, рассмотрите ссылку выше для примера ниже.

Существует два эффекта переключения при наведении и щелчке.

Мое требование, когда кто-то нажимает на верхнюю часть элемента div: он расширяется, и в элементе div должна быть кнопка «закрыть», при наведении мыши на это изображение, или нажатие элемента div будет закрыто. Когда кто-то наводит указатель мыши на ссылку, она расширяется.

  First time click expand when mouse over the link collapse. 

Есть ссылки переключения "нажмите здесь". Когда кто-то нажимает на ссылку, он создает пространство между собой, но мое требование к нему отображать верхнюю из трех ссылок «нажмите здесь».

Answer 1

Попробуйте Аккордеон

Пример один

Пример 2

Пример 3

Answer 2

Что-то, что я нашел очень полезным, это функция .toggleClass () в jQueryUI

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