Как можно оптимизировать код?

Question

[Антон]

https://jsfiddle.net/ja68robx/

Мне пришлось создать дубликаты кликов с разным id. можно как это оптимизировать что бы код был минималистичен?

Answer 1

[Alams Stoyne]

Для начало если вы используете Bootstrap-3 то проще использовать встроенные возможности Collapse и не изобретать велосипед.

Если принципиально написание то:

<div class="col-sm-12">
  <div class="question">
    <h3 class="vopros"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> ВОПРОС</h3>
    <p style="display:none;" class="otvet">ОТВЕТ</p>
  </div>
</div>
<div class="col-sm-12">
  <div class="question">
    <h3 class="vopros"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> ВОПРОС</h3>
    <p style="display:none;" class="otvet">ОТВЕТ</p>
  </div>
</div>
<div class="col-sm-12">
  <div class="question">
    <h3 class="vopros"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> ВОПРОС</h3>
    <p style="display:none;" class="otvet">ОТВЕТ</p>
  </div>
</div>

и

$('.vopros').click(function() {
	$(this).next('.otvet').toggle(200);
});

Answer 2

[Максим Костюкевич]

Вот такой вариант Оптимизированный код