0

フォーラムを検索しましたが、これに似た問題は見つかりませんでした。

まず第一に、私のコードの例はここにあります：http: //jsfiddle.net/LMWLn/97/

技術的には機能していますが、クリーンアップしたい問題がいくつかあります。

  1. 「Solutions」または「AboutUs」の上にマウスを移動すると、アニメーションは正常に機能します。下にスライドしてから上にスライドします。ただし、「ソリューション」から「About Us」に直接移動すると（およびその逆）、最初のアイテムを上にスライドしてから2番目のアイテムを下にスライドするのではなく、すぐに変更されます。

  2. 「AboutUs」コンテンツを見て閉じてから「Solutions」タブにマウスを合わせると、コンテンツDIVは前のコンテンツの高さ全体にスライドし、元の高さに戻ります（私はそれが理にかなっていることを願っています...）

どんな助けでも大歓迎です。

ありがとう、ベルクロベリー

4

1 に答える 1

0

最初の問題は、アイテムにカーソルを合わせたときにdropdownclosetimer=nullを設定したために発生します。これにより、HideMainDropdown（）の呼び出しがキャンセルされます。2番目の問題は、「＃maindropdown」がコンテンツに合わせて拡張されるためです。大きい方の「＃aboutus-dropdowncontent」に合わせて引き伸ばされました。

ちなみに、HTMLはセマンティックではなく、サブナビゲーションはメインナビゲーションから切り離されています。一般的に、人々はリストも使用します。簡単な例を次に示します。http：//jsfiddle.net/LMWLn/101/ CSSをより適切に実行できると確信していますが、機能します。

于 2012-05-24T17:00:24.173 に答える