javascript - 如何将这段代码压缩成一个 block

Question

我想将所有这些代码压缩成一个 block 而不是 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');