Javascript/Jquery to change class onclick?

by

With jquery you could do to sth. like this, which will simply switch classes.

$('.showhide').click(function() {
    $(this).removeClass('myclass');
    $(this).addClass('showhidenew');
});

If you want to switch classes back and forth on each click, you can use toggleClass, like so:

$('.showhide').click(function() {
    $(this).toggleClass('myclass');
    $(this).toggleClass('showhidenew');
});

More Related Contents:

  1. ReactJS server-side rendering vs client-side rendering
  2. Including JavaScript class definition from another file in Node.js
  3. Why and when to use Node.js? [duplicate]
  4. JavaScript: indexOf vs. Match when Searching Strings?
  5. How to tell if two dates are in the same day or in the same hour? [duplicate]
  6. How to target Edge browser with javascript
  7. How to get a content script to load AFTER a page’s Javascript has executed?
  8. manually trigger touch event
  9. How can I invoke encodeURIComponent from angularJS template?
  10. How to call a function after a div is ready?
  11. Is there a more effective way to serialize a form with angularjs?
  12. How to convert selected HTML to Json?
  13. Using an imported module inside Google App Script
  14. How to import socket.io-client in a angular 2 application?
  15. javascript: upload image file and draw it into a canvas
  16. Extracting single frames from an animated GIF to canvas
  17. Using cross-platform keyboard shortcuts in end-to-end testing
  18. Event on a click everywhere on the page outside of the specific div
  19. JQGrid: Resize Grid Width After Column Resized
  20. Showing Placeholder text for password field in IE
  21. how to get all objects of a given type in javascript
  22. Is there a way to execute JavaScript in Perl?
  23. What can service workers do that web workers cannot?
  24. nginx: send all requests to a single html page
  25. jQuery – prevent default, then continue default
  26. convert string into array of integers
  27. Observable Finally on Subscribe
  28. How to loop through key/value object in Javascript? [duplicate]
  29. What’s the correct way to pass props as initial data in Vue.js 2?
  30. Plain JavaScript tooltip

Leave a Comment