Я использую wordpress с elementor add. Хотя он обеспечивает очень изящный аккордеон, который отлично работает при нажатии, я хотел развернуть / свернуть аккордеон при наведении курсора. Используется приведенный ниже JQuery, который работает, но не так чисто, как щелчок, поскольку он использует CSS, поэтому нет анимации / медленной загрузки аккордеона. Довольно новичок в JS, но может ли кто-нибудь помочь мне воспроизвести "анимацию / медленную загрузку", как это происходит при щелчке элемента аккордеона?
(function($){
$('.elementor-tab-title').hover(function(){
$(this).addClass("elementor-active", 10000 );
$(this).parent().find('.elementor-tab-content').addClass("elementor-active", 10000 );
$(this).parent().find('.elementor-tab-content').css({"display": "block"});
}, function(){
$(this).removeClass("elementor-active", 10000 );
$(this).parent().find('.elementor-tab-content').removeClass("elementor-active",10000 );
$(this).parent().find('.elementor-tab-content').css({"display": "none"});
});
})(jQuery);