1
私のホームページにはボタンがあります。そのボタンは、タブ付きの別のページにつながります。 1つのタブをアクティブにして、ホームページの特定のボタンをクリックするたびにそのコンテンツを表示するにはどうすればよいですか?これも可能ですか、これが起こるためにイベントが行われなければなりませんか?JQueryで特定のURLでタブをアクティブにする方法
if(location.hash) {
$('#tabbedContent').each(function(){
$(this).find("#champion" + location.hash.substr(1)).fadeIn();
});
} else {
$('#tabbedContent').each(function(){
$(this).find(':first-child').fadeIn();
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box">
\t <div class="btnList">
\t \t <ul class="btnSet">
\t \t \t <li>
\t \t \t \t <a class="tab linkSection" href="#annual"><span>Nominate a Champion</span></a>
\t \t \t </li>
\t \t \t <li>
\t \t \t \t <a class="tab linkSection" href="#pathology"><span>Become a Champion</span></a>
\t \t \t </li>
\t \t \t <li>
\t \t \t \t <a class="tab double linkSection" href="#workshop"><span>Promote the Program</span></a>
\t \t \t </li>
\t \t \t <li>
\t \t \t \t <a class="tab double linkSection" href="#champion"><span>Contact a Champion</span></a>
\t \t \t </li>
\t \t </ul>
\t </div><!-- meetings tabbed section -->
\t <div class="tabbedContent onPage active" id="annual">
\t \t <div class="tabbedContent infoPage">
\t \t \t <div class="greyBox column col-50">
\t \t \t \t <h2>text</h2>
\t \t \t </div>
\t \t \t <div class="column col-50">
\t \t \t \t <div class="borderBox">
\t \t \t \t \t <h2>text</h2>
\t \t \t \t </div><br>
\t \t \t </div>
\t \t </div>
\t </div>
</div>
私はこれをしようとします、ありがとうございました。 – Addy