悬停功能有三个功能如何合并它们？

Question

如果悬停功能有三个效果（三个功能）。如何合并函数？

$('li.cat-item:has(ul.children)').addClass('expand');
$('.productgroup-list .expand').hover(function(){
    $('li.cat-item:has(ul.children)').addClass('open');
}, function() {
    $('li.cat-item:has(ul.children)').removeClass( "open" );
});
$('.productgroup-list .expand').hover(function(){
    $('ul li.child').show();
});

为什么最后一个悬停效果不起作用。

（适用 $('.productgroup-list .expand').hover(function(){ $('ul li.child').show();的）

如何纠正？谢谢。

Answer 1

无需将其分开。保持代码悬停：

$('.productgroup-list .expand').hover(function() {
    // add relevant code here only
    $('ul li.child').show();
    $('li.cat-item:has(ul.children)').addClass('open');
}, function() {
    $('li.cat-item:has(ul.children)').removeClass('open');
});