Switch classes on click of button

by

It’s pretty easy doing it with jQuery. There are more ways, but this one came to my mind first:

$('.ion-android-add').click(function(){
 $(this).removeClass('ion-android-add').addClass('ion-android-remove');
});

$('.ion-android-remove').click(function(){
 $(this).removeClass('ion-android-remove').addClass('ion-android-add');
});

More Related Contents:

  1. JS hide function error
  2. How to change css of a div with a certain id when hovering over a certain element anywhere in the whole webpage?
  3. Get the longest text in HTML document using Jquery or javascript
  4. Javascript counting all the characters from a HTML document
  5. JSFiddle code not working in my own page
  6. How to disable scroll without hiding it?
  7. Changing nav-bar color after scrolling?
  8. jQuery: Get selected element tag name
  9. How to dynamically create ‘@-Keyframe’ CSS animations?
  10. Infinity Loop Slider Concepts
  11. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  12. Text blinking jQuery
  13. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  14. jQuery vs document.querySelectorAll
  15. How to ONLY trigger parent click event when a child is clicked
  16. How can I detect when a new element has been added to the document in jquery?
  17. JavaScript Loading Screen while page loads
  18. Change the style of :before and :after pseudo-elements? [duplicate]
  19. Change text color based on brightness of the covered background area?
  20. jQuery – Sticky header that shrinks when scrolling down
  21. Show text letter by letter
  22. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  23. Is it possible to do mathematics inside CSS?
  24. Select a row from html table and send values onclick of a button
  25. jQuery: Change element type from hidden to input
  26. Remove scrollbar but not scrolling functionality [duplicate]
  27. fade effect using javascript no jquery?
  28. How did YouTube create a fluid video player?
  29. Wrapping lists into columns
  30. Possible to reverse a css animation on class removal?

Leave a Comment