Forums

Take a look at the WidgetAnim plugin, which allows you to define show/hide animations for any widget: http://yuilibrary.com/yui/docs/api/clas ... tAnim.html

Documentation is a bit sparse. Maybe someone with experience using WidgetAnim could chime in with an example?

created animation for autocomplete and added animation into visible change event,

Y.one('#q').ac.on('visibleChange', function (e) {

var b = Y.one(".yui3-aclist-content");
b.setStyle('height', MaxHeight);
var ListClientHeight = Y.one('.yui3-aclist-list')._node.clientHeight;
var ContentClientHeight = b._node.clientHeight;

if (ListClientHeight < ContentClientHeight) {
theight = ListClientHeight;
}
else {
theight = ContentClientHeight;
}
var anim = new Y.Anim({
node: '.yui3-aclist-content',
from:
{
height: lastheight
},
to:
{
height: theight + 3
},
//easing: Y.Easing.backOut,
duration: 0.5
});
lastheight = theight;
anim.run();
});