I was actually hoping to push the height on the parent container of
the accordion when I expand one of the 'taller' panes.  As it is now
the accordion just has a higher z-index...

On Jun 4, 2:06 pm, KaisRar <[email protected]> wrote:
> I'm wondering this too.
>
> I'm new to JQuery and am trying to use an accordion at the moment... I
> want it to have a max height of 500px, say, and have a scroll bar
> inside if the content div should exceed that parent's max height.
> However, it just slides down to say 1200px, with everything else on
> the page floating on top of it...
>
> On May 23, 5:52 pm,Nikola<[email protected]> wrote:
>
> > Hello.. I'm wondering if theaccordionis supposed to expand the
> > height of it's parent container by default.  For example, given the
> > below HTML markup, and with theaccordionbeing called on the
> > #accordionDIV, should the #parent-container height re-size to fit
> > each .ui-accordion-content DIV respectively?  In other words, if the
> > #parent-container has height set to auto which ends up being about
> > 300px and #pane-2 has a height of say 500px,  should the height of
> > #parent-container expand automatically to fit the entireaccordion
> > content by default?
>
> > <div id="parent-container">
>
> >         <div id="accordion">
>
> >                 <h3><a href="#">Pane 1</a></h3>
> >                 <div id="pane-1">
> >                         <p>Some item A</p>
> >                         <p>Some item B</p>
> >                 </div>
>
> >                 <h3><a href="#">Pane 2</a></h3>
> >                 <div id="pane-2">
> >                         <p>Some item A</p>
> >                         <p>Some item B</p>
> >                         <p>Some item C</p>
> >                         <p>Some item D</p>
> >                         <p>Some item E</p>
> >                         <p>Some item F</p>
> >                         <p>Some item G</p>
> >                         <p>Some item H</p>
> >                 </div>
>
> >                 <h3><a href="#">Pane 3</a></h3>
> >                 <div id="pane-3">
> >                         <p>Some item A</p>
> >                         <p>Some item B</p>
> >                 </div>
>
> >         </div>
>
> > </div>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to