"HTML Code" - Views: 11 · Hits: 11 - Type: Public

<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>QUESTION 1 HERE</div>
  <div class="faq-a">
    <p>ANSWER 1 HERE</p>
  </div>
</div>
<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>QUESTION 2 HERE</div>
  <div class="faq-a">
    <p>ANSWER 2 HERE</p>
  </div>
</div>
<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>QUESTION 3 HERE</div>
  <div class="faq-a">
    <p>ANSWER 3 HERE</p>
  </div>
</div>
<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>QUESTION 4 HERE</div>
  <div class="faq-a">
    <p>ANSWER 4 HERE
    </p>
  </div>
</div>
<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>QUESTION 5 HERE</div>
  <div class="faq-a">
    <p>ANSWER 5 HERE
    </p>
  </div>
</div>
<script>
  $(".faq-q").click( function () {
  var container = $(this).parents(".faq-c");
  var answer = container.find(".faq-a");
  var trigger = container.find(".faq-t");
  answer.slideToggle(200);
  if (trigger.hasClass("faq-o")) {
    trigger.removeClass("faq-o");
  }
  else {
    trigger.addClass("faq-o");
  }
});
</script>