2012-05-13 6 views
3

Twitterのブートストラップフレームワークを利用してアプリケーションを作成したいと考えています。私はファイル/編集/ヘルプ/等のファイルメニューバーのような機能を持つnavbarを持っています。ブートストラップ、CSS、JS - クリック後のブートストラップファイルメニューバーのホバー

ドロップダウンを表示するには、クリックする必要があるのが好きですが、[ファイル]メニューから移動するとき(クリックした後にドロップしたときなど)に[編集]メニューをドロップダウンする方法を教えてください。

この例は、ドキュメントをGoogleに行く1つのメニューをクリックし、別のメニュー項目に移動され、それは新しいホバーメニューをドロップダウンします

答えて

0

マイソリューション:あなたの<ul>要素のための2つのクラスを作ります。 たとえば、doc-menuその他normal-menuです。 メニュー項目をクリックすると、<li>class="active"<ul class="doc-menu"になるはずです。 <li class="active">の内側に<ul><li>....</ul>の内側を表示し、ホバリングされていない場合でもそれを維持します。他のdoc-menuアイテムホバーでは、アクティブクラスを他の<li>エレメントに変更します。これは、mouseoverのjavascriptを使用して聞くことによって行うことができます。背景や内面をクリックしたとき<ul><li>....</ul>変更<ul class="doc-menu"><ul class="normal-menu>

関連する問題