Single product accordeon tabs

Hello,

In this case, remove the previously created preset and put the below custom to Theme settings -> Custom js -> Global js.

jQuery(document).ready(function ($) {
   setTimeout(function () {
      var $firstAccordionItem = $('.xts-accordion-item').first();
      
      if ($firstAccordionItem.length) {
          var $content = $firstAccordionItem.find('.xts-accordion-content');
          var $title = $firstAccordionItem.find('.xts-accordion-title');
  
          if ($content.length) {
              $content.css('display', 'none');
          }
  
          if ($title.length) {
              $title.removeClass('xts-active');
          }
  
          $firstAccordionItem.removeClass('xts-active');
      }
  }, 10);

   $('.wc-tabs-wrapper').each(function () {
      var $wrapper = $(this);
      var $tabTitles = $wrapper.find('.xts-accordion-title');
      var $tabContents = $wrapper.find('.xts-accordion-content');
      var activeClass = 'xts-active';
      var time = 300;

      $tabTitles.on('click', function () {
         $clickedTitle   = $(this);
         $clickedContent = $(this).parent().find('.xts-accordion-content');
          
         $tabTitles.not($clickedTitle).removeClass(activeClass);
         $tabContents.not($clickedContent).stop().slideUp(time).removeClass(activeClass);
      });
   });
});

Clear the cache and check how it works.

Kind Regards