Any Spry Experts in the House?

kitster79
avatar
rank newbie

newbie


Posts: 7
Joined: 2008-08-28

Hi,

Does anyone on here know Sprys very well? I have created an accordion which can be seen at this URL...

http://nabefoundation.com/ourPrograms.html

I put an accordion inside of another accordion's first panel. When the "Scholarships" panel is clicked, the nested accordion appears just fine. But when I click on the tabs of the nested accordion, they do not fully expand to show all of the panel content. Does anyone know how to fix this?

Thanks

Kit

Chris..S
Chris..S's picture
rank Moderator

Moderator


Posts: 5685
Joined: 2005-02-22

We're all pretty spry here -

We're all pretty spry here - for our age. Smiling

Joking aside, I don't think so. I did take a look at your page and know what the issue is. Accordians work (as you'd expect) by gradually increasing the height of the item until it reaches full height. A good accordian will then remove the height tag as its no longer necessary and by removing it the element will be able to respond sensibly to any other DOM changes. Unfortunately spry doesn't do that. So when you try to expand the nested accordian you're stuck with the already set parent height (at least in modern browsers, it'll probably work just fine in IE6).

You could try swapping to jquery or moo.fx