можете показать?

wp_enqueue_script( 'tabs', get_stylesheet_directory_uri() . '/js/tabs.js', array('jquery'), time(), true );

проверил. не помогло

Проверил с этой обёрткой и вашим кодом . Не помогло к сожалению

(function($) {
 
 // $ Works! You can test it with next line if you like
 // console.log($);
 
})( jQuery );

ну что делать, я в принципе сомневался, что в этом причина)) но с ходу другие не могу назвать

попробовали и на том спасибо! Если найду решение(я пока вообще без понятия, где искать) - то сообщу!

А уже не уверен как вы обертку сделали ))

Или возможно ошибка в коде

(function($) {

let id = $('ul .tab-link.active').index() + 1;
const tabLinksLength = $('ul .tab-link').length;

$(".tab-link").on("click", function(event) {
 event.preventDefault();
 showTab($(event.target).attr("href"));
 id = $(this).parent().index() + 1;
});


function showTab(id) {
 console.log('showTab id', id)
 $(".tab-link.active").removeClass("active");
 $(".tab-body.active").removeClass("active");
 let $tab = $(.tab-link[href="${id}"]);
 $tab.addClass("active");
 $($tab.attr("href")).addClass("active");
 
}

function showNext(data) {
  if(id == 2){
    $('.next-step').attr("disabled", true);
    $('.next-step').addClass("disp-none");
    $('.payClass').removeClass("disp-none");
 }
 
 if($(".tab-body.active").hasClass('step2')){
   
   const inputFeilds = document.querySelectorAll(".tab-body.active input");
   const validInputs = Array.from(inputFeilds).filter( input => input.value !== "");

   if( inputFeilds.length == validInputs.length){
     id++;
     $(.tab-link[href="${data}${id}"]).removeAttr("disabled");
     showTab(${data}${id});
     return;
   }
 }
 if($(".tab-body.active").hasClass('step3')){

   const inputFeilds = document.querySelectorAll(".tab-body.active input");
   const validInputs = Array.from(inputFeilds).filter( input => input.value !== "");

   if( inputFeilds.length == validInputs.length){
     id++;
     $(.tab-link[href="${data}${id}"]).removeAttr("disabled");
     showTab(${data}${id});
     return;
   }
 }
 if($(".tab-body.active").hasClass('step4')){
   
   const inputFeilds = document.querySelectorAll(".tab-body.active input");
   const validInputs = Array.from(inputFeilds).filter( input => input.value !== "");

   if( inputFeilds.length == validInputs.length){
     id++;
     $(.tab-link[href="${data}${id}"]).removeAttr("disabled");
     showTab(${data}${id});
     return;
   }
 }

 
}

})( jQuery );

Плюс это

wp_enqueue_script( 'tabs', get_stylesheet_directory_uri() . '/js/tabs.js', array('jquery'), time(), true );

До меня только доперло

У тебя в html ошибка

Вызывает функцию которую не видит

))

В атрибуте onclick

Уберите атрибут onclick и добавляй обработчик в файле js

код - ахуенный

WordPress виноват