jQuery: Toggling between 3 classes (initially)

by

You can do this :

$('.toggle').click(function () {
  var classes = ['class1','class2','class3'];
  $('div').each(function(){
    this.className = classes[($.inArray(this.className, classes)+1)%classes.length];
  });
});

Demonstration

More Related Contents:

  1. Substraction two textbox values with jquery [duplicate]
  2. How to get the children of the $(this) selector?
  3. Getting the ID of the element that fired an event
  4. jQuery $(document).ready and UpdatePanels?
  5. Remove array element based on object property
  6. Javascript – arrow functions this in event handler?
  7. Detect all changes to a (immediately) using JQuery
  8. Is it possible to clone html element objects in JavaScript?
  9. Resize event for textarea?
  10. Using jQuery to find an element at a particular position?
  11. Is there a way to round numbers into a reader friendly format? (e.g. $1.1k) [closed]
  12. jQuery: how to change tag name?
  13. Best way to store a key=>value array in JavaScript?
  14. jQuery – Increase the value of a counter when a button is clicked
  15. Am I using too much jQuery? When am I crossing the line?
  16. use jQuery to get values of selected checkboxes
  17. Calling ASP.NET Code Behind function from JavaScript
  18. Fullpage.js. Adding a scroll delay
  19. Using JQuery to bind “focus” and “blur” functions for “window”, doesn’t work in IE
  20. Convert dropdown to selection boxes with color and trigger drop down action
  21. Allow text box only for letters using jQuery?
  22. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  23. Rotate div text after clicking on button using jquery and css
  24. How to select all textareas and textboxes using jQuery?
  25. let user scrolling stop jquery animation of scrolltop?
  26. Hot to get incomplete datetime-local input values
  27. Prevent a link to reload page
  28. jQuery: Count words in real time
  29. Do duplicate ID values screw up jQuery selectors?
  30. How to determine if the client is a touch device [duplicate]

Leave a Comment