2 个下拉菜单同时打开

Question

您好，我在div 中使用dropdown menu，它可以正常工作，但是如果我将 2 放在同一页面上并单击第一个，它会同时打开第一个和第二个。我该如何处理？

我已经更改 data-toggle="dropdown" id="dropdownMenuButton" aria-labelledby="dropdownMenuButton" 但似乎没有任何效果。我是使用引导程序的新手

我的第一个下拉菜单

<div class="dropdown">
   <div href="#" class="form-control b-r" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-users"></i></div>
       <div class="dropdown-menu fadeInUp" aria-labelledby="dropdownMenuButton">
       <label>Nº max</label>
             <div class="row pb-4" >
                 <div id="controls" class="text-center">
                       <div id="minus" class="btn btn-sm-click btn-info fa fa-minus pull-left"></div>
                           <input id="n_max" name="N_max" class="click select-form" readonly type="text" value="" >
                       <div id="plus" class="btn btn-sm-click btn-info fa fa-plus pull-right"></div>
                  </div>
               </div>
        </div>
  </div>

我的第二个下拉菜单

<div class="dropdown">
   <div href="#" class="form-control b-r" id="dropdownMenuButton_2" data-toggle="dropdown_2" aria-haspopup="true" aria-expanded="false"><i class="fas fa-users"></i></div>
       <div class="dropdown-menu fadeInUp" aria-labelledby="dropdownMenuButton_2">
       <label>Nº max</label>
             <div class="row pb-4" >
                 <div id="controls" class="text-center">
                       <div id="minus" class="btn btn-sm-click btn-info fa fa-minus pull-left"></div>
                           <input id="n_max" name="N_max" class="click select-form" readonly type="text" value="" >
                       <div id="plus" class="btn btn-sm-click btn-info fa fa-plus pull-right"></div>
                  </div>
               </div>
        </div>
  </div>

目标是点击第一次打开第一节，反之亦然

感谢您的帮助

Answer 1

我发现了你的问题，

在您添加的第二个下拉列表中

data-toggle="dropdown_2"

会的

data-toggle="dropdown"