Jquery 悬停意图问题

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

先谢谢你

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

})

})

试试这个：

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

---

谢谢，这正是我需要的。将来我会记得把他们分组。

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