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目前不可能有一个父选择器，这就是这样的需要。