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

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

一个功能用于元素当前为.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'; }

我全力以赴进行优化，并且想知道是否有一种方法可以将两个函数组合为一个函数，或者是否可以按原样保留它们。

干杯，

最佳答案

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

关于javascript - 结合两个js函数来显示/隐藏切换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15014032/