Javascript 链接到单独选项卡中的div

我正在尝试链接到单独选项卡中的div。当前侧导航链接如下所示：

var loc = window.location.hash;
if (loc == "#bargain") {
    jQuery('.tab-2').click();
    App.SetBaseLine();
    jQuery('#bargain').addClass('activeListColor');
};

      <li><a href="default.aspx#bargain">Bargain Packages</a></li>

    <!-- start of tabHolder -->
    <div id="tabHolder">
        <ul class="tabs_new buttons">
            <li class="liOuter" id="tab1"><a href="#" class="current tab-1">Buyers' Guide</a></li>
            <li class="liInner" id="tab2"><a href="#" class="tab-2">Pricing Guide</a></li>
        </ul>

var loc=window.location.hash；
如果（loc==“#讨价还价”）{
jQuery（'.tab-2'）。单击（）；
App.SetBaseLine（）；
jQuery（“#讨价还价”）.addClass（'activeListColor'）；
};

不幸的是，这并不是我的第二个标签。我试图让用户单击链接，它会打开选项卡并锚定到div位置

---

我愿意接受建议。

您可以使用以下jQuery实现类似于“tab”的效果

​$('a').click(function() {
    $('div').hide();
    var destination = '#' + $(this).attr('data-tab');
    $(destination).toggle();
});​

看到这个了吗

下面是一个示例，其中div被包装在一个无序列表中

或者，您可以使用“当前”类，并使用以下代码在单击时切换该类：

$('a').click(function() {
    $('.tabs div').removeClass('current');
    var destination = '#' + $(this).attr('data-tab');
    $(destination).toggleClass('current');
});​

这里的另一个

您可以这样做：

<ul class="tab">
    <li><a href="#tab1">One</a></li>
    <li><a href="#tab2">Two</a></li>
    <li><a href="#tab3">Three</a></li>
</ul>
<div class="tabs">
    <div id="tab1">Content 1</div>
    <div id="tab2">Something here</div>
    <div id="tab3">Omg! Three</div>
</div>

CSS:

body {overflow: hidden;}
ul li {display: inline-block; *display: inline; *zoom: 1;}
a {text-decoration: none; color: #f60; border-radius: 5px; padding: 5px; display: inline-block; *display: inline; *zoom: 1;}
div {padding: 5px;}

---

!！希望这是使用选项卡的最佳方式。：）

“tab”是指浏览器选项卡还是网页中类似选项卡的功能？您使用的是哪个选项卡插件？也许有比触发点击事件更好的切换方式。另一个选项卡是否使用Ajax加载其内容？你能在Fiddle上准备一个演示吗？@maddev你能检查一下吗：像这样，但我需要在旁边有一个链接，如果你单击tab1上的链接，链接应该指向tab2 div，那么选项卡会转换并将你带到内容div位置。这有意义吗？

数据-

在IE7/IE8中的属性支持？几乎，但不完全。也许这有助于澄清。jsfiddle.net/LB59QNot真的：/n您能更具体一点吗？当然你可以自己修改我的代码，这不是一个端到端的代码代客服务！我有标签功能的工作。这对我来说不是问题。问题是，假设您在default.aspx页面上。在默认页面上，我有一个包含两个选项卡的选项卡内容区域。第一个选项卡处于打开状态，单击第二个选项卡将其打开。我正试图将其设置为一个链接，旁边写着“讨价还价”并链接到“default.aspx#讨价还价”，但tab2需要自动打开才能转到该div位置。

body {overflow: hidden;}
ul li {display: inline-block; *display: inline; *zoom: 1;}
a {text-decoration: none; color: #f60; border-radius: 5px; padding: 5px; display: inline-block; *display: inline; *zoom: 1;}
div {padding: 5px;}