2 всплывающих меню открываются одновременно - PullRequest
0 голосов
/ 31 января 2020

Привет, я использую dropdown menu в div, это работает, но если я поставлю 2 на той же странице и нажму первую, откроется первая и вторая одновременно. Как я могу справиться с этим ??

У меня есть изменения data-toggle="dropdown" id="dropdownMenuButton" aria-labelledby="dropdownMenuButton", но, похоже, ничего не работает. Я новичок в использовании bootstrap

Мой первый раскрывающийся список

<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>

Цель состоит в том, чтобы при первом нажатии открыть первый и тиски стих

Спасибо за помощь

1 Ответ

0 голосов
/ 31 января 2020

Я нашел вашу проблему,

при втором раскрытии вы добавляете

data-toggle="dropdown_2"

это будет

data-toggle="dropdown" 
...