<script type="text/javascript">

if(typeof jQuery == 'undefined'){
        document.write('<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></'+'script>');
  }

</script>
<script>
jQuery(document).ready(function ($) {


	var accordionTabs = $('.tab-8-menu'); // To target all tabs, change this class to 'oxy-tabs'

	// Find all the tabs that have our class
	accordionTabs.each(function (index) {

		// Find all the tabs inside
		$(this).children(".tab-8-menu__wrap").each(function (index) {

			let tabContent = $(this).html(); // Get the tab content
			let countedContent = $(this).parent('.tab-8-menu').next('.tab-8-content').children('.tab-8-content__pane').eq(index); // Find the correct tab content

			countedContent.before('<button class="tab-accordion">' + tabContent + '</button>'); // Create a accordion button

		});

		let accordionBtn = $(this).next('.tab-8-content').find(".tab-accordion");
		let classList = $(this).children('.tab-8-menu__wrap').attr('class');
		let activeClass = 'brx-open';


		// move the classes onto the button, apart from the active class
		accordionBtn.addClass(classList);
		accordionBtn.removeClass(activeClass);


		// Do all the accordion slidetoggle stuff, adding the unique active class where needed.
		accordionBtn.click(function () {

			$(this).next('.tab-8-content__pane').slideToggle();

			if ($(this).hasClass(activeClass)) {

				$(this).removeClass(activeClass);

			} else {

				$(this).next().siblings('.tab-8-content__pane').slideUp();
				$(this).siblings('.tab-accordion').removeClass(activeClass);
				$(this).addClass(activeClass);

			}

		});
      
      
        

	});

    // Maybe show the accordion buttons, depending if tabs are hidden
    function maybeaccordion() {
        
        accordionTabs.each(function (index) {
        
            let activeClass = 'brx-open';
            let bricksTabContent = $(this).next('.tab-8-content').children('.tab-8-content__pane');

            if ($(this).css('display') == 'none') {

                $(this).next('.tab-8-content').find(".tab-accordion").show();
                bricksTabContent.hide();
            
                bricksTabContent.prev('.tab-accordion').removeClass(activeClass);
                bricksTabContent.first().show();
                bricksTabContent.first().prev().addClass(activeClass);

            } else {

                $(this).next('.tab-8-content').find(".tab-accordion").hide();
                bricksTabContent.removeAttr("style");

            }
        
        });

    }
      
    //* Run on page load
    maybeaccordion();

    
    let $window = $(window);

    let windowWidth = $window.width();

    $window.resize(function(){
        
        //* Run again if page width changes
        if ($window.width() != windowWidth) {

            windowWidth = $window.width();

            maybeaccordion();

        }


    });
	

});
</script>