转到页面上的特定标签

时间:2019-02-03 00:53:01

标签: hyperlink tabs

我在另一个页面中放置了一个链接,以便在单击时打开选项卡(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");
});

你能判断一下吗?

0 个答案:

没有答案