Expanding list item on itemtap event with an animation

Hi,

I have a list component in my Sencha Touch application for which I want to have the items expand (and show more info) when the user taps on them.
I tried the solution provided in the following post on StackOverflow:

Now, the way I am calling the "Ext.Anim.run" method, I would assume that only this section should get executed:

//-----------------

if (el && el.dom) {

Ext.anims[anim].run(el, config);

}

//-----------------

But when inspecting my "el" object, I see that the "dom" property is "undefined", so the "Ext.anims[anim].run" method is never executed. But I do not understand why, since I am successfully getting the "Ext.dom.CompositeElementLite" object when calling:

var el = item.select('div.detailsDivHide');

So, I do not know if I am either doing something wrong when using the Anim class or if there is a bug in the Ext.Anim.run method.

Does anyone have an idea how I can get my animation working ?
I hope I was clear enough in my explanation.
I am using ST2 PR3 btw.

Thanks, I will try that, but this sounds like a workaround to the Ext.Anim.run method, is this correct ?
Is this workaround because the Ext.Anim.run method does not work correctly currently or am I not using it correctly ?

Thanks for this, it works, but I noticed an odd behavior.
Let's say that my row height is 50px by default and when I tap/click on the row, I set the height to 75px in my handler. The problem is that the height does not animate from 50 to 75px but rather from 0 to 75px.