Javascript 通过单击另一页中的一个链接切换两个div

我正在尝试创建一个页面，将两种产品并排进行比较。到目前为止，我为每一个产品都有一个单独的贴子页面。在这个单独的帖子页面上有一组链接，允许用户选择不同的产品进行比较

在比较页面上，我能够找到如何切换第一个div来从原始文章中提取信息，但是如何切换第二个div呢

以下是我在单个帖子页面上的代码（我用作参考）：

还有我的CSS：

.switch { display: none; }

我到处找，似乎找不到答案——只有切换一个div的答案

---

如果您需要澄清，请告诉我-谢谢！：）

这里有一种方法可能会让你受益

---

如果您想将任何相关网页与当前网页进行比较，请在（'click'，'classofproduct'，function（）{}）中使用jQuery的AJAX过程将数据拉入当前页面的方法。您可能还需要使用

filter（）

方法来减少从产品页面中提取的集合元素的数量。

您能稍微澄清一下您的最终目标吗？读了两遍，我什么也看不到为什么不在同一页上列出所有产品，并在网格/列布局中显示差异，以便一次就可以看到，而不是单击以显示比较数据。。。？如果网格太长，请使用媒体查询或jquery插件压缩表数据以响应。@abc123-我试图在单独的页面上显示两种产品之间的比较。在比较页面上，它将调用一个包含原始产品信息的div，在比较页面上的另一个div中，它将显示我从单篇文章页面的列表中选择的产品的信息。基本上，我想要一个URL，可以在另一个页面上打开两个div。我只是不知道如何添加我必须要做的工作。@BrittanyLayGeneralPheal是的，不知道您的后端语言或体系结构（restFUL api，或仅通过viewState），我们不能只为您编写随机代码。@Blackhawk-不幸的是，我不能在一个页面上完成所有工作。我正在为客户端重新创建Wordpress主题，格式、布局和功能必须相同。谢谢。如果我找不到在单独页面上生成产品信息的方法，我会记住这一点。：）

<ul class="linkList">
    <li><a href="#product1" class="panlink">Product 1</a></li>
    <li><a href="#product2" class="panlink">Product 2</a></li>
</ul>
<div id="product1" class="switch">Product 1</div>
<div id="product2" class="switch">Product 2</div>

$(function() {
    var anc = window.location.href.split('#')[1];
    $('#' + anc + '.switch').show();

    $('a.panlink').click(function() {
        $('.switch').hide();
        $($(this).attr('href')).show();
    });
});

.switch { display: none; }