Как сделать нестандартно раскрывающийся спойлер (на jQuery)?

Question

[Алексей Смирнов]

Есть вот такой спойлер:
jsfiddle.net/Nd7nX

Как сделать так, чтобы при нажатии на спойлер, зеленый "Body" оставался бы на месте, а вниз выпадал красный "Title" (открывая спойлер) и менял свой цвет на синий, а при повторном нажатии "Title" поднимался бы обратно вверх (закрывая спойлер)?
В данном случае двигается другая составляющая спойлера (Title, а не Body), в отличии от обычного.

P.S. Я просто в JS и jQ пока еще слабо понимаю.

Comments

[LittleFatNinja]

а в чем "нестандартность"?

[Алексей Смирнов]

Наверно в том, что я достаточно долго предварительно искал в интернете реализацию такого спойлера. И не нашел. Хотя не исключаю, что я мог не те слова подобрать для поиска.

Answer 1

[raiboon]

Легко jsfiddle.net/Nd7nX/2

Comments

[Алексей Смирнов]

Спасибо

[Алексей Смирнов]

Оказывается это так просто делалось.

Answer 2

[xmoonlight]

.toggle()