jQuery onClick не работи върху основния елемент

Опитвам се да добавя и премахвам onclick клас от елемент.

Но функцията ми не работи, защото добавя класа само ако се щракне върху дъщерните елементи и премахне този клас само ако се щракне върху родителския.

Искам да преместя елемента .card-header.swipeable, за да покажа елемента .swipe-actions и да щракна отново, за да го скрия.

JS FIDDLE

jQuery(document).ready(function($){
  //slide the contact
  $('.card-header.swipeable').on('click', function(event){
    event.preventDefault();
    $(this).addClass('swipe-left');
  });
  //close the contact
  $('.card-header.swipeable').on('click', function(event){
    if( $(event.target).is('.card-header.swipeable') ) { 
      $('.card-header.swipeable').removeClass('swipe-left');
      event.preventDefault();
    }
  });
});