js菜单点击显示或隐藏效果的简单实例

// 假设你有一个按钮和一个需要显示或隐藏的菜单
document.getElementById('toggleBtn').addEventListener('click', function() {
    var menu = document.getElementById('myMenu');
    // 如果菜单是可见的，则隐藏它，否则显示它
    if (menu.style.display === 'block') {
        menu.style.display = 'none';
    } else {
        menu.style.display = 'block';
    }
});

在这个例子中，我们假设你有一个按钮，它的ID是`toggleBtn`，和一个菜单（可以是任何元素，如`div`），其ID是`myMenu`。点击按钮时，会触发一个事件监听器，该监听器检查`myMenu`的`display`样式属性。如果它是`block`（表示元素是可见的），则将其更改为`none`以隐藏菜单；如果它是`none`（或其他非`block`值，表示元素可能不是可见的），则将其更改为`block`以显示菜单。