一个基于jquery的DIV横向水平左右折叠选项卡,默认显示第二个选项。
主题结构如下:
<div class="hdo zhedie_div">
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3_.js"></script>
<script type="text/javascript" src="js/jquery.hrzAccordion.js"></script>
<script type="text/javascript" src="js/jquery.hrzAccordion.examples.js"></script>
<div class="hdo tit_02"><h2>DIV横向水平左右折叠选项卡</h2><a href="/Case.html" title="more"></a></div>
<ul class="test3">
<li><div class="handle3"><img src='images/img01.jpg'></div>
<h3><a href="/about/rongyu">测试荣誉</a></h3>
<p>测试荣誉......</p>
</li>
<li><div class="handle3"><img src='images/img02.jpg'></div>
<h3><a href="/xiaofang">消防工程案例展示二</a></h3>
<p>消防工程案例展示消防工程案例展示消防工程案例展示消防工程案例展示消防工........</p>
</li>
<li><div class="handle3"><img src='images/img03.jpg'></div>
<h3><a href="/shizheng">市政工程案例展示二</a></h3>
<p>市政工程案例展示二......</p>
</li>
</ul><div style="clear:both;"></div>
</div>