javascript - Jquery.Click() 用了一次就不行了

Question

我有一个非常简单的 jquery.Click() 函数

//hide divs
$("#a-1").hide();

$(".v-1").click(function(){
    $("#a-1").show();
    $(".v-1").addClass("c-it");
    $(".c-it").click(function(){
        $("#a-1").hide();
        $(".v-1").removeClass("c-it");
    });
});

因此，当单击 v-1 时，必须显示 a-1 并且它会添加一个名为 c-it 的类。这在我单击 c-it 之后起作用， a-1 将再次隐藏并且 c-it 类将被删除。所以现在我们又重新开始了，但是现在当我点击 v-1 时没有任何反应有人知道为什么吗？

HTML

<i class="glyphicon glyphicon-plus v-1">&nbsp;<span>This is a question</span></i>
        <div id="a-1"><p>Awnser</p></div>

Answer 1

只需使用 toggle()和 toggleClass()对你更好

$("#a-1").hide();

$(".v-1").click(function() {
  $("#a-1").toggle('hide');
  $(".v-1").toggleClass("c-it");

});