jQuery / Javascript在li中隱藏/顯示div

Question

我在頁面上有很多div，例如以下使用相同類的具有不同信息的div。

<div class="one-third">
    <ul class="img-list">
        <a href="#" target="_blank">
            <li>
                <img src="#" alt="" />
                <span class="text-content"><h3 style="color:white" id="one">BRIAN FARGO</h3></span>
                <h5 class="text-content-desc" id="two">CEO, inXile entertainment</h5>
                <a href="https://twitter.com/BrianFargo">
                <img class="speaker-twitter-profile" src="#"></a>
                <div class="info-btn" onClick="swap('one','two')">info</div>
            </li>
        </a>
    </ul>
</div>

而javascript函數是：

function swap(one, two) {
    document.getElementById(one).style.display = 'block';
    document.getElementById(two).style.display = 'none';
}

問題是，當我單擊“信息”按鈕時，它會影響所有div，但是我只需要它對單擊了該按鈕的div起作用。

就像我單擊BRIAN FARGO的信息一樣，它只應顯示/隱藏/影響BRIAN FARGO的履歷。 並非所有其他發言人。

Answer 1

我不明白為什么當您的函數將全部內容更改為block（默認情況下已經為默認值）並將另一個元素的顯示屬性更改為none（有效）時，將其命名為swap（）的原因。

如果您有許多具有相同ID的div，那也可能是您的問題。 每個元素的ID應該唯一