jquery - hoverIntent 问题

Question

我对 jQuery 相当陌生，我正在尝试在我的页面上的 2 个不同元素上设置一个 hoverIntent。我让它在第一个上工作，但是当我将它添加到第二个时，它以某种方式抵消了第一个。让我知道我做错了什么，或者是否有更好的方法来格式化此代码。

先感谢您。

$(document).ready(function(){
 $(".panel").hoverIntent(function() {
        $(this).children('.info').slideDown();
        }, function() {
        $(this).children('.info').slideUp();
});

});

$(document).ready(function(){
 $(".panel").hoverIntent(function() {
        $(this).children('.info1').slideDown();
        }, function() {
        $(this).children('.info1').slideUp();
});

});

Answer 1

试试这个：

$(document).ready(function(){
 $(".panel").hoverIntent(function() {
        $(this).children('.info, .info1').slideDown();
        }, function() {
        $(this).children('.info, .info1').slideUp();
});
});