静止状態のナビゲーションメニューはこんな感じ。
その上にカーソルを合わせると、空白が押し下げられます。
当然、そうなってほしくないのですが、どうしたらこのままでいいのかわかりません。私のJQueryは次のようになります。
$( document ).ready(function() {
$('li').mouseover( function() {
$(this).animate({height: "40px"}, 300 );
});
$('li').mouseout( function() {
$(this).animate({height: "18px"}, 300 );
});
});
そして、私のナビゲーションはあなたの典型的な ULdisplay: inline-block;
です。どうすればこれを行うことができますか?
また、ナビゲーションについてお尋ねしているのですが、ホバーしたままにして、数回バウンドしないようにする方法はありますか?