javascript - 结合两个js函数来显示/隐藏切换

Question

我目前正在使用两个函数来显示和隐藏我正在处理的项目中的元素。

一个函数用于元素当前是什么时候，另一个函数是元素当前.display = 'block'是什么时候.display = 'none'。

function hide1(id) {
    ele = document.getElementById(id);
if (ele.style.display == 'block')
    ele.style.display = 'none';
else
    ele.style.display = 'block'; }

function hide2(id) {
    ele = document.getElementById(id);
if (ele.style.display == 'none')
    ele.style.display = 'block';
else
    ele.style.display = 'none'; }

我完全支持优化，我想知道是否有办法将这两个功能组合成一个，或者是否可以将它们保持原样。

干杯，

Answer 1

function hide(id) {
    ele = document.getElementById(id);
    ele.style.display = (ele.style.display == 'block')?'none':'block';
}

Answer 2

function ChangeDisplay(id,prevDisplay,newDisplay) {
ele = document.getElementById(id);
if (ele.style.display == prevDisplay)
ele.style.display = newDisplay; 
else
ele.style.display == prevDisplay;
}

那应该做你的工作