hi Dav,

Thanks for sharing you're example.

You can achieve this effect with a single animation instance by changing the "attributes" property.  This will simplify your code considerably.

Something like:
var isExpanded = false;

var attributes = {
    width: { to: 300 },
    height: { to: 300 },
    top: { to: 300 },
    left: { to: 300 }
};

var attributes2 = {
    width: { to: 150 },
    height: { to: 150 },
    top: { to: 150 },
    left: { to: 150 }
};

var myAnim = new YAHOO.util.Anim('test1', attributes);

myAnim.onComplete.subscribe(
   function() {
      isExpanded = !isExpanded;
      this.attributes = (isExpanded) ? attributes2 : attributes;
   }
);

YAHOO.util.Event.addListener('test1', 'click', function() {myAnim.animate()});

Matt

dav.glass@... wrote:

From the Animations onComplete.subscribe function, you could remove the click listener and add the new one...

Here's an example:
http://blog.davglass.com/files/yui/animagain/

 

Dav Glass
dav.glass@...
davglass.com
618.694.3476

+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
McDonalds Certified Food Specialist is to fine cuisine +

----- Original Message ----
From: loyalstarlight <additionalvocals@...>
To: ydn-javascript@yahoogroups.com
Sent: Tuesday, August 29, 2006 1:30:56 PM
Subject: [ydn-javascript] YUI - Animation - To & Back

Hi guys,

Very simple newbie question for someone.

In the YUI Library there's an example provided for the Easing
animation which changes the elements width from 10px to 500px:

http://developer. yahoo.com/ yui/examples/ animation/ easing.html

<---
YAHOO.example. init = function() {
var anim = new YAHOO.util.Anim( 'demo', { width: {to: 500} }, 1,
YAHOO.util.Easing. bounceOut) ;
YAHOO.util.Event. on(document, 'click', anim.animate, anim, true);
};

YAHOO.util.Event. onAvailable( 'demo', YAHOO.example. init);
--->

How would I go about making the second click change the elements width
back from 500px to 10px? So essentially you click once to expand it
and click again to return it to it's original state and then you can
click again to expand it...and so on.