How can you adjust the height of a jquery UI accordian?

When you declare the accordion control div, you can put a height in the style tag for the div. Then you can set the fillSpace: true property to force the accordion control to fill that div space no matter what. This means you can set the height to whatever works best for you page.

You could then change the height of the div when you add your code If you want the accordion to dynamically resize to the content it contains as needed you can do the following trick posted on the jQuery UI website getter var autoHeight = $( ". Selector" ). Accordion( "option", "autoHeight" ); //setter $( ".

Selector" ). Accordion( "option", "autoHeight", false ) This means when you select an area with a lot of text, the accordion will recalculate it.

When you declare the accordion control div, you can put a height in the style tag for the div. Then you can set the fillSpace: true property to force the accordion control to fill that div space no matter what. This means you can set the height to whatever works best for you page.

You could then change the height of the div when you add your code If you want the accordion to dynamically resize to the content it contains as needed you can do the following trick posted on the jQuery UI website. //getter var autoHeight = $( ". Selector" ).

Accordion( "option", "autoHeight" ); //setter $( ". Selector" ). Accordion( "option", "autoHeight", false ); This means when you select an area with a lot of text, the accordion will recalculate it.

I don't really understand why autoHeight = false makes it work (seems like it should behave oppositely) but it worked. Cheers! – KallDrexx May 16 '10 at 2:53.

From the docs it sounds like you'll need to set clearStyle: true ...and also autoHeight: false I believe that using clearStyle allows you to dynamically add content without Accordion getting in the way. So try this... $( ". Selector" ).

Accordion({ clearStyle: true, autoHeight: false }).

Just call the accordions .resize() method, this will recalculate its size. docs.jquery.com/UI/Accordion#method-resize.

You still have to set the fillSpace: true and change the container height in order to make .resize() work. – ICodeForCoffee May 15 '10 at 18:20.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.