javascript - 在 javascript 中切换 - Div 切换可能性

Question

我想要的是制作一个 div 切换。可见或不可见。

这是我的div

<div id="kullanici_ara" style="display:none;">
<form action="kullanicilar.php" method="get">
<label>Aramak istediğiniz kullanıcının adını giriniz</label><br />
<input type="text" name="ara"/>
<input type="radio" name="type" value="nick" checked="checked">Pasaj Adı</input>
<input type="radio" name="type" value="id" />Id</input>
<input type="radio" name="type" value="name" />Ad-Soyad</input>
<input type="radio" name="type" value="email" />E-posta</input>
<input type="radio" name="type" value="city" />Şehir</input>
<br /><br />
<label>Kullanıcıları puanlarına göre büyükten->küçüğe sıralamak için seçiniz.</label><br />
<input type="checkbox" value="puan" name="puansort"><br /><br />
<input type="submit" value="Ara" />
</form><br /><br />
</div>

有没有办法根据 id 切换 div ？我的意思是有这样的代码

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").toggle();
  });
});
</script>

有没有办法将上面的代码写成 id ？

Answer 1

你的答案是:

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#kullanici_ara").toggle();
  });
});
</script>

参见:Jsfiddle

请记住，每个按钮现在都会切换 ID 为 #kullanici_ara 的 div。也许您想用 id 指定某个按钮。像这样的东西:

<button id='clickbutton'>Toggle div</button>

还有:

<script type="text/javascript">
$(document).ready(function(){
  $("#clickbutton").click(function(){
    $("#kullanici_ara").toggle();
  });
});
</script>

参见:ID-selector