animating addClass/removeClass with jQuery

by

Since you are not worried about IE, why not just use css transitions to provide the animation and jQuery to change the classes. Live example: http://jsfiddle.net/tw16/JfK6N/

#someDiv{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

More Related Contents:

  1. Animate element to auto height with jQuery
  2. Using jQuery how to get click coordinates on the target element
  3. jQuery Drag/Resize with CSS Transform Scale
  4. Trees in Twitter Bootstrap [closed]
  5. Change CSS properties on click
  6. Bootstrap and jQueryUI Conflict
  7. Jquery/Javascript Opacity animation with scroll
  8. required field notification using jquery
  9. CSS or jQuery : How to get visible top [duplicate]
  10. How to have html popup appear over main html page?
  11. Write tags in HTML and print
  12. How to disable HTML links
  13. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  14. How to style “input file” with CSS3 / Javascript? [duplicate]
  15. How do I detect “shift+enter” and generate a new line in Textarea?
  16. Get a CSS value from external style sheet with Javascript/jQuery
  17. :touch CSS pseudo-class or something similar?
  18. Synchronized scrolling using jQuery?
  19. Open a new javascript window(.open) along with its CSS styling
  20. Toggle visibility property of div
  21. jQuery UI autocomplete with item and id
  22. Check if element is between 30% and 60% of the viewport
  23. Add a transform value to the current transforms that are already on the element?
  24. Custom “confirm” dialog in JavaScript?
  25. jQuery Datepicker: Prevent closing picker when clicking a date
  26. How do I detect the inherited background-color of an element using jQuery/JS?
  27. Why is element not being shown before alert?
  28. How to keep elements non-refreshed
  29. How do you swap DIVs on mouseover (jQuery)?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment