Question

请教：怎样用jquery封装一个面向对象的选项卡

Answer 1

iv class="tab" id="tab">
<div class="tab-title" id="tab-title">
<ol class="clearfix">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
</div>
<div class="tab-cont" id="tab-cont">
<ul class="clearfix">
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
</div>
</div>

css代码：

1
2
3
4
5
6
7
8
9
10
11
12

* { margin:0; padding:0;}
li { list-style: none;}
.clearfix:after {
content: "" ;
display: block ;
height: 0 ;