[jQuery] using tabs in form fieldset
Hi,
I was wondering if any of you would suggest me how to use the tabs in
the following page in a form:
http://refinethetaste.com/html/cp/?Section=orders&Process=AddOrder
I use jQuery.Tools tabs in all other pages but I never used it in a
form before.
<script>
// perform JavaScript after the document is scriptable.
$(function() {
$(".formtabs").tabs(".formpanes > div");
});
</script>
<fieldset class="width100">
<h2>Customer Information</h2>
<!-- the tabs -->
<ul class="formtabs">
<li><a href="#first">New Customer</a></li>
<li><a href="#second">Existing Customer</a></li>
<li><a href="#third">Anonymous Customer</a></li>
</ul>
<!-- tab "panes" -->
<div class="formpanes">
<div>
<div class="required">
<label for="EmailAddress">Email Address</
label>
<input type="text" name="EmailAddress"
value="" class="width60" />
</div>
<div class="required">
<label for="Password">Password</label>
<input type="text" name="Password"
value="" class="width60" />
</div>
</div>
<div>
<div class="required">
<label for="SearchCustomers">Search
Customers</label>
<input type="text" value=""
id="CUSTOMERNAME" class="width60" />
<small><span
id="CUSTOMERNAME">kcs101@hotmail.com</span></small>
<input type="hidden" name="CUSTOMERID"
id="CUSTOMERID" />
</div>
</div>
<div>
<div class="required">
<label for="EmailAddress">Email Address</
label>
<input type="text" name="EmailAddress"
value="" class="width60" />
</div>
</div>
</div>
</fieldset>