Hey guys,
I'm looking for a simple example of JQuery tabs in which I am planning to show two different forms.
I came across this example http://flowplayer.org/tools/demos/tabs/index.htm which is perfect for my needs.
So I implemented the simple example. The code in question is:
<div class="panes"
<divFirst tab content. Tab contents are called "panes"</div
<divSecond tab content</div
<divThird tab content</div
</div
Now my content for the first tab is a form which has several of its own div
tags - when I put that form with div
tags as the content for the first tab - nothing appears.
So I made a simple change and added another div tag to the content of the first tab as shown below and still nothing appears:
<div class="panes"
<div<divFirst tab content. Tab contents are called "panes"</div</div
<divSecond tab content</div
<divThird tab content</div
</div
Is there a simple way to fix this. This is the content that I want to display in my first tab - Thanks for your help
<div id="formbox" class="formbox"
<form id="shopping_form" method="post"
<div id="3" style="width:520px;"
<textarea id="message" name="message" rows="3" cols="50"</textarea
</div
<div id="store_row" style="width:220px;float:left;padding-bottom:10px;"<bStore</b
<input type="text" id="store" name="store" class="required" size="20" /
<input type="hidden" id="store_id"/
</div
<div id="city_column" style="width:200px;float:left;padding-bottom:10px;"<bCity</b
<input type="text" id="city" name="city" size="15"/
</div
<div id="findbutton_column" style="vertical-align:top;width:80px;float:left;"
<input class="find_address" id="findaddress" type="button" value="Find Store"/
</div
<div id="googlerow" style="width:120px;float:left;padding-bottom:10px;"
<bSelect Store</b<select id="google_stores" name="google_stores"</select
<input type="hidden" id="google_address"/
</div
<div id="google_message" style="float:left;padding-bottom:10px;display:none;"</div
<div id="locationrow" style="float:left;padding-bottom:10px;display:none;"
<bAddress/Country</b
<input type="text" id="address" name="address" size="20" /
<input type="text" id="country" name="country" size="20"/
</div
<div style="width:520px;float:left;padding-bottom:10px;"
<bPrice
<input type="text" id="price" name="price" size="20" /
</div
<div id="buttonrow" style="width:200px;float:right;display:none;"
<input id="it" type="image" src="http://images.pe.com.s3.amazonaws.com/it.png" height="35px"/
</div
</form
</div
