javascript - 如何使用if显示和隐藏jQuery中的某些内容

大家好，我想使用jQuery显示和隐藏按钮，但是仅当变量为true时。

例如：

var st1wch1 = false;

 $(document).ready(function(){
    $("#choice1").click(function(){
        var st1wch1 = true
        state1_1warrior()
    });
});

$(document).ready(function(){
    if(st1wch1 == false){
        $("button#choice1").show()
    }
    else if(st1wch1 == true){
         $("button#choice1").hide()
    }
 })

但是由于某种原因，它永远不会隐藏，任何想法？？？提前致谢。

最佳答案

最简单的方法可能是这样的：

$(document).ready(function(){
    $("#choice1").click(function(){
       $("button#choice1").toggle()
    });
});