[英]prevent $_SESSION vars from being on multiple domains on same server?
[英]Bootstrap prevent multiple collapsable elements from being open at the same time
我有以下html侧边栏菜单:
<li {{{ (Request::is('bookings/*') }}} data-toggle="collapse" data-target="#bookings">
<a href="#" id="bookings-menu-item"><i class="fa fa-address-book" aria-hidden="true"></i> Bookings <i class="fa fa-chevron-down" aria-hidden="true"></i></a>
</li>
<ul class="sub-menu collapse" id="bookings">
<li class="collapsed"><a href="{{ route('bookings') }}">All Bookings</a></li>
<li class="collapsed" ><a href="{{ route('bookings.create') }}">Add New</a></li>
</ul>
<li {{{ (Request::is('bookings/*') || Request::is('bookings') ? 'class=active' : '') }}} data-toggle="collapse" data-target="#item2">
<a href="#" id="bookings-menu-item"><i class="fa fa-address-book" aria-hidden="true"></i> Item 2 <i class="fa fa-chevron-down" aria-hidden="true"></i></a>
</li>
<ul class="sub-menu collapse" id="item2">
<li {{{ (Request::is('bookings') ? 'class=active' : 'collapsed') }}}><a href="{{ route('bookings') }}">All Bookings</a></li>
<li {{{ (Request::is('bookings/create') ? 'class=active' : 'collapsed') }}} ><a href="{{ route('bookings.create') }}">Add New</a></li>
</ul>
这是一个基本的Bootstrap折叠菜单,其中包含一个子菜单,当单击li
元素时,该子菜单会展开。
我的问题是,我有2个或3个这些菜单项都具有子菜单。 它们都有可能同时打开,我不喜欢这样,因为随着高度增加,这会强制滚动溢出,然后显示侧边菜单的滚动条。
有什么办法可以防止在Bootstrap中扩展多个元素?
如果有帮助,我正在使用Laravel 5。
我认为这会为您提供帮助,只需稍微尝试一下即可使其适应您的需求:
<div class="row">
<div class="col">
<ul class="nav nav-stacked" id="accordion1">
<li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#firstLink">Test12</a>
<ul id="firstLink" class="collapse">
<li>SubTest1</li>
<li>SubTest1</li>
<li>SubTest1</li>
</ul>
</li>
<li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#secondLink">Test2</a>
<ul id="secondLink" class="collapse">
<li>SubTest2</li>
<li>SubTest2</li>
<li>SubTest2</li>
<li>SubTest2</li>
</ul>
</li>
</ul>
</div>
</div>
在这里看到
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.