Reverse click jquery

Question

When I click on a class .BOX-BTN, my code adds a new class .full which adds an overlay. But when I click a second time, nothing happens and class remains active.

Upon the second click on box-btn, I want to return to the starting position, then on every click is changing class.

How can I achieve this?

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

charlietfl · Accepted Answer · 2016-06-10 00:43:04Z

1

Try using toggleClass() instead so it removes those classes on second click

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

answered Jun 10, 2016 at 0:43

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shane Abram Mendez · Accepted Answer · 2016-06-10 00:47:19Z

1

Im not sure how your code is structured, but changing addClass to toggleClass should do the trick

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

      });
    });

answered Jun 10, 2016 at 0:47

Shane Abram Mendez

4156 silver badges19 bronze badges

Collectives™ on Stack Overflow

Reverse click jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related