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';
}