js实现按钮显示隐藏

<button id="toggleButton">Toggle Element</button>
<div id="elementToToggle" style="width: 100px; height: 100px; background-color: blue;"></div>

document.getElementById('toggleButton').addEventListener('click', function() {
    var element = document.getElementById('elementToToggle');
    if (element.style.display === 'none') {
        element.style.display = 'block'; // 或者 'inline', 'inline-block' 等，取决于元素的原始显示类型
    } else {
        element.style.display = 'none';
    }
});

function toggleElementVisibility(elementId) {
    var element = document.getElementById(elementId);
    element.classList.toggle('hidden');
}

document.getElementById('toggleButton').addEventListener('click', function() {
    toggleElementVisibility('elementToToggle');
});

.hidden { display: none; }