jquery - jQuery toggle() 的问题

Question

我对 jQuery 有疑问.toggle()

我使用 jQuery 将按钮按钮连接到 div，但它不起作用

我尝试了一些javascriptdocument.style.visibility="hidden"

当我单击按钮时，它应该打开或关闭 div

$(document).ready(function() {
  $("#show").click(function() {
    $("#prout").toggle();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="prout" class="fichier1">
  <div class="droite1">droite</div>
  <div class="gauche1">gauche</div>
</div>
<button id="show" class="btna poz2">arme 2</button>

标签： jquery

Answer 1

您需要使用一个类和 display:none 来切换

$(document).ready(function() {
  $(".show").click(function() {
    $(this).prev().toggle();
  });
});

.fichier {
  display: none
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="prout" class="fichier">
  <div class="droite1">droite</div>
  <div class="gauche1">gauche</div>
</div>
<button class="show btna poz2">arme 1</button>
<hr/>
<div id="prout1" class="fichier">
  <div class="droite1">droite</div>
  <div class="gauche1">gauche</div>
</div>
<button class="show btna poz2">arme 2</button>