Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <table class="nav nav-tabs">
- <tr>
- <td><a href="#home" data-toggle="tab" class="active">Home</a></td>
- <td><a href="#profile" class="profile-link" data-toggle="tab">Profile</a></td>
- <td><a href="#messages" class="next-link" data-toggle="tab">Messages</a></td>
- </tr>
- </table>
- <div class="tab-content">
- <div class="tab-pane active" id="home">Home Content</div>
- <div class="tab-pane" id="profile">Profile Content</div>
- <div class="tab-pane" id="messages">Messages Content</div>
- </div>
- </div>
- <a href="#profile" data-toggle="tab" data-toggle-tab=".profile-link" class="outside-link">Profile Link From Outside</a>
- <a href="#messages" data-toggle="tab" data-toggle-tab=".next-link" class="next-link">next</a>
- <script>
- $(".outside-link").click(function() {
- $(".nav-tabs tr td a").removeClass("active");
- $($(this).attr("data-toggle-tab")).parent("td").find("a").addClass("active");
- });
- $(".next-link").click(function() {
- $(".nav-tabs tr td a").removeClass("active");
- $($(this).attr("data-toggle-tab")).parent("td").find("a").addClass("active");
- });
- </script>
- $("[data-toggle-tab]").click(function() {
- $(".nav-tabs tr td a").removeClass("active");
- var href = $(this).attr("href");
- $(".nav-tabs tr td").find("[href='" + href + "']").addClass("active");
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement