<h2 class="contentTitle">选项卡面板演示</h2>
<div class="tabs" currentIndex="1" eventType="click">
	<div class="tabsHeader">
		<div class="tabsHeaderContent">
			<ul>
				<li><a href="javascript:;">标题1</a></li>
				<li><a href="javascript:;">标题2</a></li>
				<li><a href="demo/pagination/dialog1.html" class="j-ajax">标题3(异步加载内容)</a></li>
			</ul>
		</div>
	</div>
	<div class="tabsContent" style="height:150px;">
		<div>
			<pre>
			currentIndex: 0-n	default:0
			eventType: click|hover	default:click
			</pre>
		</div>
		<div>内容2</div>
		<div></div>
	</div>
</div>

<p>&nbsp;</p>

<div class="tabs" currentIndex="0" eventType="click">
	<div class="tabsHeader">
		<div class="tabsHeaderContent">
			<ul>
				<li><a href="javascript:;">标题1</a></li>
				<li><a href="javascript:;">标题2</a></li>
			</ul>
		</div>
	</div>
	<div class="tabsContent" style="height:250px;">
		<div>
			<div class="pageFormContent">
				内容1
				<p>
					<label>客户名称：</label>
					<input name="name" class="required" type="hover" size="30" value="" alt="请输入客户名称"/>
				</p>
			</div>
		</div>
		<div>
			<div class="pageFormContent">
				<div class="tabs" currentIndex="0" eventType="click" style="width:300px">
					<div class="tabsHeader">
						<div class="tabsHeaderContent">
							<ul>
								<li><a href="javascript:;">标题1</a></li>
								<li><a href="javascript:;">标题2</a></li>
							</ul>
						</div>
					</div>
					<div class="tabsContent" style="height:150px;">
						<div>内容1</div>
						<div>内容2</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>