按钮单击时的 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

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

然而，如果您想知道代码中的问题，您在var numclicks = 2 之后缺少一个;，而正确的用法++ 运算符是numclicks++;。