keep accordion tabs open

greetings
previously we needed a way to keep accordion tabs open . and you guys thankfully helped us out by providing the below code. however, after the last update .. it stopped working as you can see in my website .
please help us out
thanks in advanced

jQuery('.wc-tabs-wrapper .wd-accordion-title').click(function (e) {
	e.stopPropagation();
	e.preventDefault();
	var $this = jQuery(this),
		$panel = $this.siblings('.woocommerce-Tabs-panel');
	if ($this.hasClass('active')) {
		$this.removeClass('active');
		$panel.stop().slideUp(300);
	} else {
		$this.addClass('active');
		$panel.stop().slideDown(300);
	}
	jQuery(window).resize();
	jQuery(document).trigger('wood-images-loaded');
});

Hello,

Try to go to Theme Settings -> Single product -> Tabs and change the “Accordion state” option to “First opened” https://gyazo.com/2333d53a310c6072251bc7d020460570

Kind Regards

done
it showed as messed up

Remove the old code as well. Then check how it works.

did, still its messed up
note .. i need all tabs to be open without clicking on it

Please, send us your admin access so we can check.

done

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.woocommerce-Tabs-panel.wd-accordion-content {
	opacity: 1;
	display: block !important;
}

.woocommerce-Tabs-panel .wd-scroll-content {
	max-height: 100% !important;
}

.woocommerce-tabs .wd-accordion-opener {
	display: none;
}

.woocommerce-tabs .wd-accordion-title {
	pointer-events: none;
}

great that solved it!

You are welcome!

[Author]

Posts