悬停内容问题

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();
});
});