这是我的 html 代码:
<div id="tabbase">
<ul>
<li>a</li>
<li>b</li>
</ul>
<div id="tabs-0"></div>
<div id="tabs-1">
<div class="width50">
<h5>title1</h5>
<div class="da-desc">a</div>
<button>continue</button>
</div>
<div class="width50">
<h5>title2</h5>
<div class="da-desc">b</div>
<button>continue</button>
</div>
</div>
</div>
这是CSS代码:
#tabbase {
margin:16px;
}
#tabbase ul li {
display:inline-block;
margin:5px 0px 5px 0;
background:rgb(224,224,224);
padding:5px;
border:1px solid rgb(153,153,153);
cursor:pointer;
}
#tabs-0, #tabs-1 {
border:1px solid rgb(153,153,153);
background:rgb(255,255,255);
padding:5px;
margin:-5px 0 0 0;
}
#tabbase ul li.active {
background:rgb(255,255,255) !important;
}
这是jQuery代码:
$(document).ready(function(e) {
$("#tabs-1").hide(0);
$("#tabbase ul li:first").addClass("active");
$("#tabbase ul li").click(function(e) {
$(this).addClass("active");
$(this).siblings(this).removeClass("active");
count = $("#tabbase ul li").index(this);
$('#tabs-'+count).slideDown(500).siblings(this).slideUp(500);
});
});
所以你可以看到当你点击一个标签时,所有的标签都消失了,我该如何解决这个问题?