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");

});

Answer 2

您應該使用單擊處理程序，只需切換可見狀態和類。

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