/home/ierixinf/public_html/testing.ierixinfotech.com/faq.php
<?php
include("layout/header.php");
?>
<section class="page-header">
<div class="page-header__bg"></div>
<div class="page-header__overlay"></div>
<div class="container">
<ul class="page-header__breadcrumb list-unstyled">
<li><a href="/">Home</a></li>
<li><span>Faqs</span></li>
</ul>
<h2 class="page-header__title">FAQ</h2>
</div>
</section>
<!-- Faq Start -->
<?php include("faqShow.php") ?>
<!-- Faq End -->
</section>
<!-- Call To Action End -->
<?php include("fixedcall.php"); ?>
<?php include("layout/footer.php"); ?>
<script>
$(document).on('click', '.faq-filter li', function() {
$(this).addClass('faq-filter-active').siblings().removeClass('faq-filter-active');
});
$(document).ready(function() {
// Function to filter FAQs
function filterFAQs(filter) {
$('.accrodion').hide();
$('.accrodion.' + filter).show('1000');
}
// Show the FAQs for the initially active filter
let activeFilter = $('.faq-filter-active').attr('data-filter');
filterFAQs(activeFilter);
// Click event for filter list
$('.list').click(function() {
const value = $(this).attr('data-filter');
filterFAQs(value);
});
// Change event for filter dropdown
$('.faq-filter-dropdown').change(function() {
const value = $(this).val();
filterFAQs(value);
});
});
</script>