templates/landing/faq.html.twig line 1

Open in your IDE?
  1. {% extends "landing/base_landing.html.twig" %}
  2. {% block body %}
  3. {{ parent() }}
  4. <!-- features question section -->
  5. <div class="row wk-left-right mt-5" id="wk_ask_querstion">
  6. <h2 class="text-center">Frequently Asked Questions</h2>
  7. <div>
  8. {% if faqs is defined and faqs is not empty %}
  9. {% for faq in faqs %}
  10. <div class="first_question form-control p-4 wk-feature-question mb-4">
  11. <div class="d-flex">
  12. <h6>{{ faq.question }}</h6>
  13. <span class="plus_icon">
  14. <i class="fa fa-angle-down"></i>
  15. </span>
  16. </div>
  17. <div class="wk-faq-and-quest" style="display: none;" >{{ faq.ans|raw }}</div>
  18. </div>
  19. {% endfor %}
  20. {% endif %}
  21. </div>
  22. </div>
  23. <script>
  24. $(document).ready(function() {
  25. $(".plus_icon").click(function() {
  26. // Hide all other question answers
  27. $(".wk-feature-question div").hide();
  28. $(".plus_icon i").removeClass("fa-angle-up").addClass("fa-angle-down");
  30. // Show the clicked question answer
  31. $(this).closest(".wk-feature-question").find("div").slideToggle();
  32. $(this).find("i").toggleClass("fa-angle-down fa-angle-up");
  33. });
  34. });
  35. </script>
  36. {% endblock %}