2

私はこのウェブサイトを作成しました。上部のナビゲーション バーまたはサイドバーの [コレクション] タブにカーソルを合わせると、まさに私が望んでいた下部のコンテンツが下にスライドします。しかし、私の問題は、ホバーアウトするとポップアップが表示されることです。これは私が望んでいるものではありません。私が設定したトグル機能ではありませんが、そのように機能しているようです。誰か助けてくれませんか？

$('.down').hover(function() {
    $('.b2-a .has_scroll').stop().animate({
        height: "22px"
    }, 500);
    $('.b2-b .slide-div').stop().animate({
        height: "19px"
    }, 500);
    $("#slide-title h4").show();
    $(".slide-div").animate({
        marginTop: "-12px"
    });
    $('.b2 .tancar').animate({
        backgroundPosition: '28px 4px'
    })
}, function() {
    $('.b2-a .has_scroll').stop().animate({
        height: "120px"
    }, 500);
    $('.b2-b .slide-div').stop().animate({
        height: "438px"
    }, 500);
    $("#slide-title h4").hide();
    $(".slide-div").animate({
        marginTop: "-12px"
    });
    $('.b2 .tancar').animate({
        backgroundPosition: '28px -19px'
    })
});
4

1 に答える 1

0

コードを再考する必要があると思います。さまざまなイベントでスライドアップしたようです。ボタンをクリックしてホバーするとスライドアップしますか? その場合は、次のようにします。

$('.b2').hover(function() {
  // do animation to show
));
$('#clic').click(function() {
  // do animation to show
));
$('.b2').mouseout(function() {
  // do animation to hide
));
于 2012-09-13T15:08:08.070 に答える