navが開いている場合はdivを表示しない

Question

小さな画面のときに崩壊する標準的なブートストラップナビを持つ非常に単純なページがあります。 navのすぐ下に、liにCSSクラスdropdown openがある場合、表示したくないdivがあります。 CSSのみでこれを行うことは可能ですか、jQuery/Javascriptルートをダウンする必要がありますか？ドロップダウン要素が別のものに包まれていない場合は

.navbar-nav > li.dropdown.open { 
/*How can I hide the div class="inner-details" here*/ 
} 

Answer 1

、あなたはおそらく、このようなadjecent兄弟セレクタを使用することができます。

li.dropdown.open + .inner-details { 
    display: none; 
} 

そうでなければ、効果的に、負のマージンとZインデックスでトリックを行うことができますその背後にあるドロップダウンの下からコンテンツをスライドしますが、実際にはこれは面倒なレイアウトにつながります。

JavaScriptを使用することに悪影響はありません。私が正しく覚えていれば、ブートストラップ自体がそれをナビゲーションに使用します。