Проблемы при наведении

Question

Я довольно новичок в jQuery и пытаюсь установить hoverIntent для 2 разных элементов на моей странице. Я заставил его работать с первым, но когда я добавляю его ко второму, он как-то отменяет первый. Дайте мне знать, что я делаю неправильно, или, если есть лучший способ отформатировать этот код.

Заранее спасибо.

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