jquery - ボタンクリック時のJqueryトグルフォーム

Question

ボタンが押されたときだけフォームを表示したい。これはうまくいきます。ボタンをもう一度クリックすると、フォームが消えます。誰かが問題が何であるかを説明できますか? ありがとうございました！

<script type="text/javascript">
$(document).ready(function() {

 $('#instantchannel').hide(); //Initially form wil be hidden.
 var numclicks = 2
  $('#instant').click(function() {
  if(numclicks%2==1){
  numclicks=++;
   $('#instantchannel').show();//Form shows on button click
}else{
numclicks=++;
 $('#instantchannel').hide();//Form shows on button click
}
   });
 });
 </script>

Answer 1

jQuery には、toggleこれらの場合にのみ使用できるメソッドがあります。

$('#instant').click(function() {
  $('#instantchannel').toggle();
});

Answer 2

;afterがありませんvar numclicks = 2。また、numclicksボタンをクリックしても表示されなくなります。そして、使用する必要がありますtoggle()。

$(document).ready(function() {
  $('#instantchannel').hide(); //Initially form wil be hidden.
  $('#instant').click(function() {
    $('#instantchannel').toggle();//Form toggles on button click
  });
});

Answer 3

クリック数をカウントする必要はありません。.toggle関数を使用するだけです。

<script type="text/javascript">
$(document).ready(function() {

 $('#instantchannel').hide(); //Initially form wil be hidden.
 $('#instant').click(function() {
  $('#instantchannel').toggle();
 });

});
</script>

それでも、コードの問題を知りたい場合は、;afterが欠落してvar numclicks = 2おり、正しい使用++演算子はnumclicks++;です。