隱藏div如果導航打開

Question

我有一個非常簡單的頁面，標準bootstrap導航在小屏幕上摺疊。在nav下面，我有一個div，我不想顯示li有CSS類dropdown open。是否可以僅通過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-index的技巧，有效地從下面的下拉菜單中滑動內容，但真的會導致佈局混亂。

使用JavaScript沒有任何不妥。如果我沒有記錯的話，Bootstrap本身會將它用於導航。