通过我们导航的链接更改元素的类

Question

我正在使用 Wordpress，我可以在其中修改 html、php 和 css。我有一个场景如下：

PageA 有两个链接：Link1 和 Link2。

PageB 有两个选项卡：Tab1 和 Tab2。

Link1 和 Link2 都应该导航到 PageB，但我想让它这样当用户单击 Link1 时，他会在 Tab1 打开时导航到 PageB；当他点击 Link2 时，他会在 Tab2 打开时导航到 PageB。

目前，打开的选项卡有两个 css 类，而关闭的选项卡没有。 When the closed tab is selected, it acquires those two classes and the open one loses those classes.

现在，我的问题是；如果我点击 Link2，有没有办法让 Tab2 拥有这些类而不是 Tab1？我应该更好地利用我拥有的资源来做这件事； html、php、css。所以，最好不要使用 JavaScript。

编辑：我通过 Wordpress 插件实现选项卡，但它们在 html 中创建如下（Tab1 在此处打开，Tab2 关闭）：

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1-1" aria-labelledby="ui-id-8" aria-selected="true">
        <a href="#tabs-1-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-8">MyTab1</a>
    </li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-1-2" aria-labelledby="ui-id-9" aria-selected="false">
        <a href="#tabs-1-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-9">MyTab2</a>
    </li>
</ul>

我的链接很简单：

<a title="Link1" href="http://mywebpage.com/?page_id=60">
<a title="Link2" href="http://mywebpage.com/?page_id=60">

Answer 1

您需要在单击时创建活动类将该类绑定到您单击的选项卡！