Bootstrap4：顯示/隱藏Div按鈕

Question

我在Rails上使用Bootstrap4來製作不使用JS的可摺疊菜單。每個菜單項都應該打開它的div並摺疊其他菜單。但是，我無法做到這一點。點擊一個按鈕時是否有辦法摺疊所有其他div？

%button.btn.dropdown-toggle{"aria-expanded" => "false", "aria-haspopup" => "true", "data-toggle" => "dropdown", :type => "button"} 
    All Stuff 
    .dropdown-menu 
    %a.dropdown-item{"aria-controls" => "collapseFree", "aria-expanded" => "false", "data-toggle" => "collapse", :href => "#collapseFree"} 
     Free Stuff 
    %a.dropdown-item{"aria-controls" => "collapseNew", "aria-expanded" => "false", "data-toggle" => "collapse", :href => "#collapseNew"} 
     New Stuff 
#collapseFree.collapse 
    .. 
#collapseNew.collapse 
    .. 

Answer 1

沒有js就不會發生這種情況。您可以使用隱藏複選框在點擊時顯示和隱藏一個菜單，但不會關閉其他菜單。在css目前不可能有一個父選擇器，這就是這樣的需要。