Javascript jQuery选项卡-需要链接到选项卡（打开单击的选项卡）

希望有人能帮我把这个做好。正在尝试与选项卡建立工作连接。指向选项卡的链接正在工作，但在单击按钮时无法打开选项卡

顶部导航（需要链接到选项卡并打开单击的选项卡）

}))

希望有人能帮我解决这个问题

---

非常感谢！：）

如果页面权重没有限制，我建议使用jquery ui选项卡。关于您的代码：您不应该使用attr方法处理类。使用此页面中的方法：

我在纯jquery上找到了带有简单选项卡的JSFIDLE（没有jquery ui）

---

我能用javascrip做些什么吗？？我试图让它保持简单，尽量少用jqery或脚本。实际上，它会按照上述代码跳下，但不要用跳下开关切换水龙头：（希望任何人都能提供帮助。请任何人都能提供帮助？？如果你想快速获得工作选项卡，请使用jquery ui。如果你想自己实现选项卡，请使用它。你对类的想法很有趣，但你应该使用.addClass、.removeClass和hasClass方法，而不是attr。我不能在这个项目中使用jqueryUI。所以我必须尝试这种方法。稍微有点javascrip没关系。谢谢。我会试试这个。当我包含这个标签内容时，如何防止它跳到页面顶部。。。？？

        <nav class="primary">
      <a class="menu-select" href="#">menu</a>
      <ul>
        <li><a href="index.html">1p</a></li>
        <li><a href="#tab1">2</a></li>
        <li><a href="#tab2">3</a></li>
        <li><a href="#tab3">4</a></li>
      </ul>
    </nav>


                <div id="wrapper_tab" class="tab1">
                <a href="#tab1" id="tab1" class="tab1 tab_link">Tab 1</a>
                <a href="#tab2" id="tab2" class="tab2 tab_link">Tab 2</a>
                <a href="#tab3" id="tab3" class="tab3 tab_link">Tab 3</a>

                <div class="tab1 tab_body">
                    Some Text in Here
                </div>
                <div class="tab2 tab_body">
                    Some Text in Here
                </div>
                <div class="tab3 tab_body">
                    Some Text in Here
                </div>
                </div>

$(function() {
$('#wrapper_tab a').click(function() {
    if ($(this).attr('class') != $('#wrapper_tab').attr('class') ) {
        $('#wrapper_tab').attr('class',$(this).attr('class'));
    }
    return false;
});

$(document).ready(function() {
    $(".tabs-menu a").click(function(event) {
        event.preventDefault();
        $(this).parent().addClass("current");
        $(this).parent().siblings().removeClass("current");
        var tab = $(this).attr("href");
        $(".tab-content").not(tab).css("display", "none");
        $(tab).fadeIn();
    });
});