Как скрыть один элемент, показывая другой?

Question

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

Вот живой пример, который можно увидеть:http://jsfiddle.net/reevine/WmAb7/

Answer 1

Попробуйте добавить $('.active').toggleClass('active').next().hide(); перед строкой $(this).toggleClass('active')..

Вы также можете изменить класс open на active для обеспечения согласованности.Вы можете начать свой код с $('div.toggler:not(.active)').hide();

Редактировать:

В итоге я изменил хорошую сумму, вот ссылка: http://jsfiddle.net/capo64/WmAb7/16/