Как по нажатию открывать один вопрос, а закрывать другой?

Здравствуйте
Есть следующий код:
https://codepen.io/anon/pen/KQXmew

$('.price .questions .wrap-q .1 .quest').click(function(){
    $('.price .questions .wrap-q .1 .ans').toggle();
    $('.price .questions .wrap-q .1 .quest .close').toggle();
    $('.price .questions .wrap-q .1 .quest .open').toggle();
  });

$('.price .questions .wrap-q .2 .quest').click(function(){
    $('.price .questions .wrap-q .2 .ans').toggle();
    $('.price .questions .wrap-q .2 .quest .close').toggle();
    $('.price .questions .wrap-q .2 .quest .open').toggle();
  });

$('.price .questions .wrap-q .3 .quest').click(function(){
    $('.price .questions .wrap-q .3 .ans').toggle();
    $('.price .questions .wrap-q .3 .quest .close').toggle();
    $('.price .questions .wrap-q .3 .quest .open').toggle();
  });


То есть существует 3 блока с вопросами и ответами, сейчас по нажатию на один из трёх блоков, открывается нужный ответ, но по нажатию на другой блок, предыдущий ответ не закрывается

Подскажите пожалуйста, как это реализовать?
  • Вопрос задан
  • 127 просмотров
Решения вопроса 2
KickeRocK
@KickeRocK
Atom Power!
<div class="qcont">
    <div class="1">
      <div class="quest">Вопрос 1</div>
      <div class="answ">Ответ 1</div>
    </div>
    <div class="2">
      <div class="quest">Вопрос 2</div>
      <div class="answ">Ответ 2</div>
    </div>
    <div class="3">
      <div class="quest">Вопрос 3</div>
      <div class="answ">Ответ 3</div>
    </div>
  </div>

$('.qcont').children().click(function() {
        $('.answ').hide();
        $(this).find('.answ').show();
      });

Хоть 500 вопросов. Или если не хотите оборачивать в какой-то общий контейнер - дайте им класс общий, тогда будет так:
$('.etot_class').click(function() {
        $('.answ').hide();
        $(this).find('.answ').show();
      });
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Hardjuice
@Hardjuice
Верстальщик
Легче всего начать использовать Bootstrap. Есть готовое решение.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы