show（）和hide（）不工作但切换工作...如果条件错误？

Question

我有一些jQuery代码show()和hide()无效：

var action = 0;
var toggle = 0;

$(function() {
  $('.button-work1').on('click', function() {
    if ($toggle == 0) {
      $action = 1;
      $toggle = 1;
      $('.showData').show();
    } else {
      $('.showData').hide();
      $toggle = 0
    }
  });
});

当我使用toggle()并删除if条件时，它会很好。但是，我不想使用toggle()，因为我需要根据$toggle值执行更多操作。

Answer 1

你的变量名前面有$，这是Javascript而不是PHP：）

＆＃13;

＆＃13;

    var action=0;
    var toggle=1;

$(function() {
    $('.button-work1').on('click', function() {
        if(toggle == 0){
        action = 1;
        toggle=1;
        $('.showData').show();}
        else{
        $('.showData').hide();
        toggle=0
        }            
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="showData">Test element</div>

<input type="button" value="click me" class="button-work1">

＆＃13;

＆＃13;

＆＃13;