CODEWITHSUNDEEP
jqueryjquery-uijquery-animate
John Hunt
John Hunt

Reputation: 4072

Combining jQuery UI's blind and slide animation methods

Put simply, I want to use both the slide and blind effects in jQuery at the same time on the same element - combining the effect to make it appear as though the element is sliding behind it's containing element (which is what slide does) but also reducing in actual width at the same time so that adjacent elements shuffle along with it.

Before you say 'but there's a plugin for that!', sure there's a few but they all have their own quirks that seem to make them pretty useless for what I want to do.

I've heard I may have to dig into the jQuery code and put these effects together myself as they have a queue method built in by default.. perhaps someone knows better (or where I should start if I want to go down that path?)

Cheers, John.

Update, have a look yourself: http://jsfiddle.net/johnrobert/xKvF8/

Upvotes: 2

Views: 1407

Answers (1)

Quincy
Quincy

Reputation: 4433

Not sure if this is what you wanted...

http://jsfiddle.net/xKvF8/3/

I have used the dequeue() here to make them animate at the same time

$(".featured:first").hide("slide", { direction: "left" }, 3000)
    .hide("blind", { direction: "horizontal" }, 3000)
    .dequeue();

Upvotes: 8

Related Questions