<?php $__env->startSection('title'); ?>
    FAQs
<?php $__env->stopSection(); ?>

<?php $__env->startSection('styles'); ?>
<link rel="stylesheet" href="<?php echo asset('css/faqs.css'); ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<?php echo $__env->make('partials.nav', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<h1>Frequently Asked Questions</h1>

<div class="container">

<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>What is the meaning of life?</div>
  <div class="faq-a">
    <p>42</p>
  </div>
</div>

<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>How much wood would a woodchuck chuck?</div>
  <div class="faq-a">
    <p>A woodchuck would chuck all the wood he could chuck, if a woodchuck could chuck wood!</p>
  </div>
</div>

<div class="faq-c">
  <div class="faq-q"><span class="faq-t">+</span>What happens if Pinocchio says, "my nose will grow now"</div>
  <div class="faq-a">
    <p>Certain questions are better left &nbsp; <a href="https://en.wikipedia.org/wiki/The_Unanswered_Question">unanswered</a></p>
  </div>
</div>

</div>
<?php echo $__env->make('partials.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<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>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>