1<script>
 2    (function($) {
 3    // TaxonomyFilter Object
 4    var TaxonomyFilter = {
 5        toggleChildrenVisibility: function(parentSlug) {
 6            // Hide all child filters first
 7            $('.e-filter-item[data-filter^="child-"]').removeClass('force-show').hide();
 8 
 9            // Log the parentSlug for debugging
10            console.log("Parent Slug:", parentSlug);
11 
12            // Show only the children of the selected parent
13            var children = $('.e-filter-item[data-filter^="child-' + parentSlug + '"]');
14 
15            // Log each child element found
16            children.each(function() {
17                console.log("Child Filter Found:", $(this).attr('data-filter'));
18            });
19 
20            if (children.length > 0) {
21                children.addClass('force-show').show();
22                console.log("Children to Show:", children);
23            } else {
24                console.log("No children found for parentSlug:", parentSlug);
25            }
26        }
27    };
28 
29    // Filter the loop grid
30    function filterLoopGrid(filter) {
31        $('.elementor-loop-container .elementor-grid-item').hide();
32        if (filter === 'all') {
33            $('.elementor-loop-container .elementor-grid-item').show();
34        } else if (filter.startsWith('child-')) {
35            $('.elementor-loop-container .elementor-grid-item[data-category="' + filter + '"]').show();
36        } else {
37            $('.elementor-loop-container .elementor-grid-item').filter(function() {
38                var itemCategory = $(this).attr('data-category');
39                return itemCategory === filter || itemCategory.startsWith('child-' + filter.split('-')[1]);
40            }).show();
41        }
42    }
43 
44    // Hides all child elements by default
45    $(document).ready(function() {
46        $('.e-filter-item[data-filter^="child-"]').hide();
47 
48        $('.e-filter-item').on('click', function() {
49            var selectedFilter = $(this).attr('data-filter');
50            console.log("Selected Filter:", selectedFilter); // Debugging: Check which filter is clicked
51 
52            if (!selectedFilter.startsWith('child-')) {
53                // Hide all children and then show relevant ones
54                var parentSlug = selectedFilter.split('-')[1]; // Extract the slug part of the parent
55                console.log("Extracted Parent Slug:", parentSlug); // Log the extracted parent slug
56                TaxonomyFilter.toggleChildrenVisibility(parentSlug);
57            }
58 
59            filterLoopGrid(selectedFilter);
60        });
61    });
62})(jQuery);
63</script>