Question

我正在使用WPBakery Page Builder作为标签。并且我希望在第一个选项卡与href＃1521496635357-e8313acf-e8c2打开时显示一个特定类的选项卡部分（在不同的行）之外的文本块，并且当使用href＃1521496635380-99d0c08b-的secound选项卡时显示另一个文本块67d8打开（以及要隐藏的第一个文本块）。

你能给我一个CSS或JS的提示吗？

谢谢！

    <ul class="vc_tta-tabs-list">
    <li class="vc_tta-tab vc_active" data-vc-tab="">
    <a href="#1521496635357-e8313acf-e8c2" data-vc-tabs="" data-vc-container=".vc_tta">
<span class="vc_tta-title-text">PRIX STANDARD</span>
</a>
    </li>
    <li class="vc_tta-tab" data-vc-tab="">
<a href="#1521496635380-99d0c08b-67d8" data-vc-tabs="" data-vc-container=".vc_tta">
<span class="vc_tta-title-text">PRIX BUDGET</span>
</a>
    </li>
    </ul>

Answer 1

您的示例对我来说并不完全清楚，但您应该能够在标签中添加事件监听器：

<a href="#1521496635357-e8313acf-e8c2" data-vc-tabs="" data-vc-container=".vc_tta" onclick="doSomething()">

在你的页面javascript中，你可以有一个功能：

function doSomething() {
    document.getElementsByClassName("myclass")[0].style.display = "none";
    document.getElementsByClassName("myotherclass")[0].style.display = "inline";
}

你可以通过引入jquery或其他框架来简化一些处理，但你可以更好地处理这个问题，但这取决于你可能会或可能不可行的情况。

单击特定链接时按类显示或隐藏元素

1 个答案: