jquery - hoverIntent の問題

Question

私はjQueryを初めて使用し、ページの2つの異なる要素に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();
});
});