Displaying a form in a set of accordian panels

Question

The Spry Accordion Panel looks as though it aught to be ideal
for inserting a large data records into an on line database.
However, this use does not seem to be documented as far as I can
see. I wanted
to split up the data into sections within the same form to
provide headings for each section, and thus take up less space on
the page, removing the need to have multi page forms. Is this
possible?

Answer 1

Hi,
Do you mean something like this?
<form action="">
<div id="Acc1" class="Accordion">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Step 1: Enter Your
Personal Information</div>
<div class="AccordionPanelContent">
<table>
<tr>
<th>First Name:</th>
<td><input type="text" name="firstname"
/></td>
</tr>
<tr>
<th>Middle Initial:</th>
<td><input type="text" name="middleinitial"
/></td>
</tr>
<tr>
<th>Last Name:</th>
<td><input type="text" name="lastname"
/></td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Step 2: Tell Us About
Yourself</div>
<div class="AccordionPanelContent">
<table>
<tr>
<th>Hobbies:</th>
<td><textarea
name="hobbies"></textarea></td>
</tr>
<tr>
<th>Interests:</th>
<td><textarea
name="interests"></textarea></td>
</tr>
<tr>
<th>Volunteer:</th>
<td><textarea
name="volunteer"></textarea></td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Step 3:
Submit</div>
<div class="AccordionPanelContent">
<p>
<input type="submit" />
</p>
</div>
</div>
</div>
</form>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1");
</script>
--== Kin ==--