Question

我想要创建折叠的导航栏。我有问题，当我尝试隐藏扩展项目时，我有错误。它是用于cms而我不能使用id，我必须按类关闭它。我有想法在var selectedPhysicianIds = new List<int> {1, 2,....998, 999, 1000};事件期间关闭它，但它会抛出错误。

我尝试过这样的事情：

show

但我有错误：

    $(document).ready(function(){
        $(".collapse").on('show.bs.collapse', function(e){
            $(".collapse").collapse("hide");
        });
    });

我需要它与下拉菜单类似，如果你单击一个，它将打开，如果点击另一个，则首先隐藏，一次只有1活动。

HTML：

Invalid regular expression: /(^|\.)bs\.(?:.*\.|)collapse(\.|$)

编辑：我解决了我的问题方法中的另一个选择器完美地运作

`<div class="nav navbar-nav">
    <ul>
    <li>
 <a data-toggle="collapse" data-target="Divs ids" class="collapsed">name</a>
    </li>
</ul>`


`<div id="subcategories">
    <div id="20" class="collapse" >.... </div>
    <div id="21" class="collapse" >.... </div>
    <div id="22" class="collapse" >.... </div>
</div>`

Answer 1

'show.bs.collapse'嗯尝试将'shown.bs.collapse'与n一起使用。

这里有jQuery和东西：

＆＃13;

var $subCat = $('#subcategories');

$subCat.on("shown.bs.collapse", ".collapse", function() {
   $subCat.find(".collapse").not(this).collapse("hide");
});

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />


<div class="nav navbar-nav">
  <ul>
    <li><a data-toggle="collapse" data-target="#20" class="collapsed">20name</a></li>
    <li><a data-toggle="collapse" data-target="#21" class="collapsed">21name</a></li>
    <li><a data-toggle="collapse" data-target="#22" class="collapsed">22name</a></li>
  </ul>
</div>

<div id="subcategories">
  <div id="20" class="collapse">20.... </div>
  <div id="21" class="collapse">21.... </div>
  <div id="22" class="collapse">22.... </div>
</div>


<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

＆＃13;

折叠菜单 - 隐藏其他子菜单

1 个答案: