Collapseable Div

[MoShAn480]

Hi,

I am trying to create vertical collapseable div content areas. Is there an easy way to accomplish this using the Ext toolkit? I searched through the docs but did not have any luck.

Any help is appreciated! Thanks!

[BernardChhun]

hey Moshan,

the docs doesn't contain such specific things.
I've made collapsible divs but without any kinda animation. You may take a peak here : http://go.waka.ca/fiche/1359360
just click on the arrows on the right of the titles. :)
if you want to take a look at the code it's on line 433 of the wakaExtPy.js file.
it's not optimized yet but it does what it needs quite well.

here are some guidelines on what I'm doing:

1. You need to add a listener on the dom element that is going to collapse your div. that listener will check out the dom element's css class to see if the action that is needed is to collapse or to expand.
2. once you know the action to take, you need to know the region that is associated to the dom element the user has clicked.
3. once that is defined, hide the region and make some visual changes to tell your user what happened.

[MoShAn480]

Cool thanks for the great info. I did not want to reinvent the wheel so i thought I'd make sure there is nothing availalble out of the box. Thanks again!