如何將此代碼壓縮為一個塊

Question

我想將所有這些代碼壓縮到一個塊中，而不是5個中。它的工作原理很完美，但是非常腫。 任何其他改進此代碼的技巧將不勝感激。

JS：

function vanish1() {
    var el = document.getElementById('priceCheck1');
    if (el.style.display == "block") {
        el.style.display = "none";
    } else {
        el.style.display = "block";
    }
}

function vanish2() {
    var el = document.getElementById('priceCheck2');
    if (el.style.display == "block") {
        el.style.display = "none";
    } else {
        el.style.display = "block";
    }
}

function vanish3() {
    var el = document.getElementById('priceCheck3');
    if (el.style.display == "block") {
        el.style.display = "none";
    } else {
        el.style.display = "block";
    }
}

HTML：

<div id="priceCheck1">
test1
    </div>
    <div id="priceCheck2">   
test2
    </div>    
    <div id="priceCheck3">
test3
    </div>

Answer 1

您可以這樣做：

function vanish(elementName) {
    var el = document.getElementById(elementName);
    if (el.style.display == "block") el.style.display = "none";
    else el.style.display = "block";
}

函數調用：

vanish('priceCheck1');

Answer 2

您好，您可以為HTML添加類名稱。 然后您可以按類名獲取每個HTML。

Answer 3

甚至更小...

function vanish(style) {
    style.display == "block" ? style.display = "none" : style.display = "block";
}

vanish(document.getElementById("priceCheck1").style);

要么

function vanish(element) {
    element.style.display == "block" ? element.style.display = "none" : element.style.display = "block";
}

vanish(document.getElementById("priceCheck1"));