0

ドロップダウン付きのメニューがあります。ホバー時に、ID スライダー付きの div を下にスライドさせ、親の高さを取得させたい

これは私のフィドルです:
http://jsfiddle.net/cancerian73/UzzAT/1/

#nav ul.subs {
    color: #333333;
    display: none;
    left: auto;
    position: absolute;
    top: 60px;
    width: 96%;
    /*padding-left:50%;
    margin-left:-405px;*/
    z-index: 9606;
}
4

2 に答える 2

0

アクションを複数のアイテムに適用する場合は、クラスを使用する必要があります。

また、マウス入力機能内でストレッチ アニメーションを実行する必要があります。

$("#nav").mouseenter(function () {
    var $stretch = $(".slider");
    $stretch.animate({ height: $stretch.parent().height() }, 500 );
    $("this").find('.slider').stop(true,true).slideDown(500);
});

$("#nav").mouseleave(function () {
    var $stretch = $(".slider");
    $stretch.animate({ height: 0 }, 500 );        
    $("this").find('.slider').stop(true,true).slideUp(500);
});

または、変なマスクのように使用する代わりに、スライダーの DIV 内に UL を配置します。

于 2013-10-07T13:17:23.683 に答える