Как реализовать выпадающий блок?

Question

[game802]

Добрый день уважаемые знатоки.
Хотел бы обратится к вам за помощью в решении моей проблемы, которую я так и не смог понять.
Суть вопроса вот в чем:

"iphone_price_block" == $(this).data("price") : ($(".bg3 .ipad_price_block").fadeOut(0), $(".bg3 .mac_price_block").fadeOut(0), $(".bg3 .iphone_price_block").fadeIn(400)),
"mac_price_block" == $(this).data("price") : ($(".bg3 .ipad_price_block").fadeOut(0), $(".bg3 .iphone_price_block").fadeOut(0), $(".bg3 .mac_price_block").fadeIn(400)),
"ipad_price_block" == $(this).data("price") : ($(".bg3 .iphone_price_block").fadeOut(0), $(".bg3 .mac_price_block").fadeOut(0), $(".bg3 .ipad_price_block").fadeIn(400))

Этот код отвечает за скрытие и раскрытие блока по нажатию на кнопку. Не могли бы вы мне подсказать в чем моя ошибка? Так как он показывает совершенно рандомные блоки при клике мышкой на кнопку.
Всего имеется 3 блока, но как и раскрывать при рандомном нажатии, не знаю....
Буду очень благодарен за помощь в решении данного вопроса.
Вот скрин этих кнопок, для более ясного понимания:

Comments

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[Сергей Фейк]

Да все же просто. Делаешь для каждого из этих блоков общий класс с display: block;
А им всем делаешь display: none;
При клике на первую кнопку, добавляешь первому блоку этот класс, при клике на вторую, второму блоку этот класс.
И перед добавление класса, у всех трех блоков удаляешь этот класс.

Comments

[Сергей Фейк]

Только это конечно без анимации, ну дальше по анологии можно и с анимацией сделать)

[game802]

Сергей Фейк: Реализовал с помощью jQuery Tabs