反向點擊jquery

Question

當我點擊一個類.BOX-BTN時，我的代碼添加了一個新的類.full，它增加了一個覆蓋。但是當我第二次點擊時，什麼也沒有發生，班級保持活動狀態。

當第二次點擊box-btn時，我想返回到起始位置，然後每次點擊都是改變類別。

我該如何做到這一點？

$(function($) { 
    $(document).on('click', '.box-btn', function(event) { 
    var target = $(event.target).closest('.wrapper'); 
    target.find('.box-title, .box-text').addClass("full"); 
    target.find('.image-box').addClass("full-img"); 
    }); 
}); 

Answer 1

嘗試使用toggleClass()代替它消除了對第二次點擊

target.find('.box-title, .box-text').toggleClass("full"); 
target.find('.image-box').toggleClass("full-img"); 

Answer 2

林不知道你的代碼是如何組織的，但改變addClass到toggleClass應該做的伎倆這些類

$(function($) { 
     $(document).on('click', '.box-btn', function(event) { 
     var target = $(event.target).closest('.wrapper'); 
     target.find('.box-title, .box-text').togleClass("full"); 
     target.find('.image-box').toggleClass("full-img"); 

     }); 
    });