Nested Collapsible Panels

Discussion in 'C#' started by pinkferret, Jun 22, 2008.

0
  1. #1
    i have two collapsible panels and the second is nested in the first one, they contain a form's elements, below the main collapsible panel there are 3 buttons, now my problem is... when i expand the first collapsible panel, the buttons go down to make room for the panel, when i expand the second one (nested in the first one) the buttons don't go down and override the panel's content. how do i keep this from happening? here's some of my code...

    <form method="post" name="Tradeins" action="">
    <center>YES <input id="Trade In" name="Tradein" type="radio" value="Yes" onclick="CollapsiblePanel6.open()"/>
    NO <input id="Trade In" name="Tradein" type="radio" value="No" onclick="CollapsiblePanel6.close()"/></center>
    <div id="CollapsiblePanel6" class="CollapsiblePanel">
    <div class="CollapsiblePanelTab" tabindex="0"></div>
    <div class="CollapsiblePanelContent">
    <input.... >
    ......form elements
    <br />
    <center>Other Trade Ins YES<input id="Other Trade In" name="Othertradein" type="radio" value="Yes" onclick="CollapsiblePanel7.open()"/>
    NO<input id="Other Trade In" name="Othertradein" type="radio" value="No" onclick="CollapsiblePanel7.close()"/></center>
    <div id="CollapsiblePanel7" class="CollapsiblePanel">
    <div class="CollapsiblePanelTab" tabindex="0"></div>
    <div class="CollapsiblePanelContent">
    <input>
    ..... form elements
    </div>
    </div>
    </div>
    </div>
    </form>

    <... buttons....>

    when the Collapsible Panel 7 expands the buttons don't scroll down, they stay there overriding the CP7 content
     
    pinkferret, Jun 22, 2008 IP