我在另一个页面中放置了一个链接,以便在单击时打开选项卡(tab2),但是它不起作用。
我尝试了此操作,但无法:
<a class="btn" href="page#tab2"> Tab2 </a>
HTML:
<div class="tab-slider--nav">
<ul class="tab-slider--tabs">
<li class="tab-slider--trigger" rel="tab1">Tab 1</li>
<li class="tab-slider--trigger" rel="tab2">Tab 2</li>
</ul>
</div>
<div class="tab-slider--container">
<div class="tab-slider--body" id="tab1">
<div class="ptb-60" id="accordion">
Content 1
</div>
</div>
<div class="tab-slider--body" id="tab2">
<div class="ptb-60" id="accordion">
Content 2
</div>
</div>
</div>
JS:
$("document").ready(function(){
$(".tab-slider--body").hide();
$(".tab-slider--body:first").show();
});
$(".tab-slider--nav li").click(function() {
$(".tab-slider--body").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
if($(this).attr("rel") == "tab2"){
$('.tab-slider--tabs').addClass('slide');
}else{
$('.tab-slider--tabs').removeClass('slide');
}
$(".tab-slider--nav li").removeClass("active");
$(this).addClass("active");
});
你能判断一下吗?