Form with SUBMIT button stops panels from displaying.

Form with SUBMIT button stops panels from displaying.


Hi Everyone,
I am having a "play" with the accrodion effect for the first time and
have come across a problem that I cannot solve for myself.
(the code is below)
But basically, if I have a page that has 2 panels, and a form inside a
panel, with a SUBMIT button, then only the first panel is displayed.
If I remove the submit button the accordion displays correctly.
If the form (and submit button) is on the second panel - and some help
text is in the first, then the text is displayed, but not the 2nd
panel - and thus not the form.
If the form is first, then again the second panel is not displayed and
thus the help text is not displayed.
The code is below, but if there is anything more I can do - please let
me know.
- Beau.
<!--- start of accordion effect --->
<ul id="example" class="ui-accordion-container">
    <!--- start of new accordion Panel --->
    <li>
        <!--- Panel title --->
        <a href="#">Search Help</a>
        <div>
            You can use the filters to limit the amount of results returned by
the search facility.<br />
            <br />
            I.e.<br />
            <br />
            * If you don't use any filters you will get a list of <strong>ALL</
strong> CAR's.<br />
            * If you use the workflow filter and choose "Quality Engineer" you
will recieve a list of all CARs that are pending the action of the
quality engineer.<br />
            * If you enter in a valid CAR number, into the CAR number filter -
you will only be returned that specific CAR.<br />
        </div>
    </li>
    <!--- start of new accordion Panel --->
    <li>
        <!--- Panel title --->
        <a href="#">Search for a CAR</a>
        <div>
            <cfform name="frm_searchCar" action="#myself#car.searchCarProcess"
method="post">
                <table width="100%" cellpadding="2" cellspacing="3" border="0">
                <tr>
                    <td class="tdCCCCCC">
                        CAR Number
                    </td>
                    <td class="tdFFFFFF">
                        <cfinput
                            name="car_number"
                            type="text"
                            validate="integer"
                            message="The CAR number must be a whole number." />
                    </td>
                </tr>
                <tr>
                    <td class="tdCCCCCC">
                        Date Raised
                    </td>
                    <td class="tdFFFFFF">
                        <cfinput
                            name="date_raised"
                            type="text"
                            validate="eurodate"
                            message="The date raised must be entered in DD/MM/YYYY
format." />
                    </td>
                </tr>
                <tr>
                    <td class="tdCCCCCC">
                        Part Number
                    </td>
                    <td class="tdFFFFFF">
                        <cfinput
                            name="part_number"
                            type="text" />
                    </td>
                </tr>
                <tr>
                    <td class="tdCCCCCC">
                        Product Type
                    </td>
                    <td class="tdFFFFFF">
                        <cfselect
                            name="product_type"
                            query="qry_productTypeSELECT"
                            display="productTypeDescription"
                            value="productTypeId">
                            <option value="0" selected="selected">Please Select...</option>
                        </cfselect>
                    </td>
                </tr>
                <tr>
                    <td class="tdCCCCCC">
                        Fault Type
                    </td>
                    <td class="tdFFFFFF">
                        <cfselect
                            name="fault_type"
                            query="qry_problemTypeSELECT"
                            display="problemTypeDescription"
                            value="problemTypeId">
                            <option value="0" selected="selected">Please Select...</option>
                        </cfselect>
                    </td>
                </tr>
                <tr>
                    <td class="tdFFFFFF" colspan="2">&nbsp;</td>
                </tr>
                <tr>
                    <td class="tdFFFFFF">
                        <cfinput
                            name="submit"
                            type="submit"
                            value="Search NOW" />
                    </td>
                </tr>
                </table>
            </cfform>
        </div>
    </li>
</ul><!--- end of accordion --->