Gecko [ dp-client.com ]

Name	Size	Permission	Action
custom.js	2.09 KB	-rw-r--r--
jquery-3.7.1.min.js	85.48 KB	-rw-r--r--

Code Editor : custom.js

$(document).ready(function(){
    $('.tabsv1-ul li').click(function(){
        var tab_id = $(this).attr('data-tab');
        $('.tabsv1-ul li').removeClass('current');
        $('.tab-content').removeClass('current');
        $(this).addClass('current');
        $("#"+tab_id).addClass('current');
    });
    /* cart remove  items */
    $('.remove-btn').click(function(e){
        e.preventDefault(); // Prevent default action of anchor tag
        $(this).closest('.cart-item-wrap').hide();
    });
    /* toogle */
    $(".filter-heading").click(function () {
        $(this).parent('.filter-group-item').toggleClass("pb-00");
        $(this).toggleClass("arrow-down");
        $(this).next('.filter-content').slideToggle("fast");
      });
});
/* faq */
// Select all FAQ items
const faqs = document.querySelectorAll('.faq');
// Function to toggle active class and animate height
function toggleFaq(faq) {
    const answer = faq.querySelector('.faq-answer');
    if (faq.classList.contains('active')) {
        // Collapse the currently active FAQ
        answer.style.height = '0';  // Set height to 0 to collapse
        faq.classList.remove('active');
    } else {
        // Expand the clicked FAQ
        faqs.forEach(item => {
            if (item !== faq) {
                item.querySelector('.faq-answer').style.height = '0';  // Collapse other FAQs
                item.classList.remove('active');
            }
        });
        faq.classList.add('active');
        const contentHeight = answer.scrollHeight + 'px';  // Get the content's full height
        answer.style.height = contentHeight;  // Set the height dynamically
    }
}
// Add click event listeners to all FAQ questions
faqs.forEach(faq => {
    faq.querySelector('.faq-question').addEventListener('click', () => {
        toggleFaq(faq);
    });
});
// Set the first FAQ to be open by default
const firstFaq = faqs[0];
firstFaq.classList.add('active');
const firstAnswer = firstFaq.querySelector('.faq-answer');
firstAnswer.style.height = firstAnswer.scrollHeight + 'px';  // Set height for first answer

${this.title}

Code Editor : custom.js