單擊特定鏈接時，按類顯示或隱藏元素

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或其他框架來簡化某些處理，從而更好地處理此問題，但要視您的情況而定或不可行。