0

私は現在このコードを持っています：

$(".usericon").hover(function () {
   if ($(".profile").is(":hidden")) {
   $(".profile").slideDown('slow');
   }
   });

.usericonにカーソルを合わせている間、現在.profile divを下にスライドしています（ただし、非表示の場合のみ）

.profileにカーソルを合わせると何も起こりませんが、.profile以外の場所にカーソルを合わせると上にスライドします。

これをどのように実装しますか？

4

1 に答える 1

1

そのためには、プロファイルまたはユーザー アイコン上でマウス イベントがバブリングするのを停止し、ボディをホバリングするときに div を閉じる必要があります。

ここにいくつかのサンプルコードがあります:

$(".usericon").mouseover( function (event) {
    event.stopPropagation();
    if ($(".profile").is(":hidden")) {
        $(".profile").slideDown('slow');
    }
});

$('.profile').mouseover( function (event) {
    event.stopPropagation();
});


$('body').mouseover( function () {
    if ($(".profile").not(":hidden")) {
        $(".profile").slideUp('slow');
    }
});
于 2012-12-23T21:40:23.803 に答える