JavaScript (jQuery?): Toggle multiple classes with one click

Question

When the user clicks div.togglethis, I need two things to happen:

1. Add an \"active\" class to div.togglethis

2. Add a \"show\" class to an outside

Answer 1

You cannot remove togglethis entirely otherwise the click won't work next time. Also, I'm not removing the class on second div for the same reason, rather I'm calling show/hide as I think that is what you intend to do.

Click me to add "active"

$('div.toggle').click(function(){
  if($(this).hasClass('togglethis')) {
      $(this).removeClass('togglethis').addClass('active');
      $('div.showthis').hide();
  }
  else {
      $(this).removeClass(active).addClass('togglethis');
      $('div.showthis').show();

  }
});