declaring css properties in a css file for jquery .animate()

Question

While implementing jquery .animate(), I've to write like

$('#clickme').click(function() {
  $('#book').animate({
    width: '200px',
    height: '500px'
  })
})

Isn't there some way to write the css properties in a css file and just do the 'animate' by including the css property??

Something like

.move{
    width: '200px',
    height: '500px'
}

Then

$('#book').animate({
    // include the .move css class somehow 
})

I tried using $( "#effect" ).addClass( "newClass", 1000 ); but there is no animation, the properties just seem to be assigned after the duration declared!!

lonesomeday · Accepted Answer · 2011-06-02 16:29:11Z

4

The jQuery UI project extends the addClass method to allow exactly what you're looking for.

jQuery UI - addClass.

answered Jun 2, 2011 at 16:29

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ptamzz Over a year ago

I tried that but I see not eased animation. The properties just seem to be assigned after the duration I declared.

josh3736 Over a year ago

@ptamzz: This requires you to include the jQuery UI library in addition to jQuery.

ptamzz Over a year ago

It's already there. If it should be animated by using addClass(), then something's wrong in my codes.

ecchymose · Accepted Answer · 2011-06-02 16:30:56Z

2

Don't know if you can switch a complete stylesheet, but you can switch class with this plugin

http://jqueryui.com/docs/switchClass/

answered Jun 2, 2011 at 16:30

ecchymose

6736 silver badges20 bronze badges

Collectives™ on Stack Overflow

declaring css properties in a css file for jquery .animate()

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related