Umgekehrter Klick jquery

Question

Wenn ich auf eine Klasse .BOX-BTN klicke, fügt mein Code eine neue Klasse .full hinzu, die ein Overlay hinzufügt. Aber wenn ich ein zweites Mal klicke, passiert nichts und die Klasse bleibt aktiv.

Nach dem zweiten Klick auf box-btn, möchte ich auf die Startposition zurückkehren, dann auf jedem Klick ändert sich die Klasse.

Wie kann ich das erreichen?

$(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

Try toggleClass() anstelle, so dass es diese Klassen auf den zweiten Klick

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

Answer 2

Ich bin nicht sicher entfernt, wie Ihr Code strukturiert ist, sondern ändert addClass zu toggleClass sollte

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

     }); 
    }); 

den Trick