放在两个不同选项卡中的同一类上的jQuery切换功能不起作用

Question

我有一些字段的选项卡式布局。有四个选项卡，其中两个选项卡具有相同的字段（例如高级搜索），只是它从两个不同的源中提取数据。我有一个多重选择框，我需要在单击按钮时切换显示。 jQuery在一个选项卡上工作正常，但是当我切换选项卡时无法使用。

$('button#toggle-select').click(function(){
$('.select-multiple').toggle();
});

我需要此切换开关可在所有标签上使用

Answer 1

只需添加一个用于显示和隐藏的类即可。

$('#toggleselect').on('click',function(){
$('.select-multiple').each(function(){
    $(this).toggle();
})

})

.hide{
  display:none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<input type="button" class="myButton" value="Advance Search" id="toggleselect">
<div class="form-group select-multiple">
<select id="sel1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option> 
</select>
</div>
<div class="form-group select-multiple hide">
<select  id="sel2">
  <option value="1">1</option>
  <option value="2">2</option> 
</select>
</div>
</div>

Answer 2

$('button#toggle-select').live("click",function(){ $('.select-multiple').toggle(); });