Как я могу отредактировать этот, чтобы расширить onmouseenter и свернуть onmouseleave

Question

Я использую плагин WordPress, который мне удалось немного изменить, но я думал о том, чтобы заставить его расширяться на mouseenter и свернуть на mmouseleave, но я не уверен, как его редактировать.

    $(document).on("click", ".woocommerce.widget_product_categories .product-categories li.cat-parent > .cat-menu-close", function(e) {
var $catParent = $(this).closest('li.cat-parent');
var state = 'opened'


$catParent.toggleClass(state);


$(this).nextAll('ul.children:first').slideToggle(state);

});

Answer 1

Вам нужно привязать функцию к div:

$( 'div you want to hover selector' )
  .mouseover(function() {
      $catParent.toggleClass(state);
  })
  .mouseout(function() {
      $catParent.toggleClass(state);
  });

jQuery Mouseover