如何使用 JavaScript 实现一个简单的点击显示/隐藏内容功能? - 项越资源网-html css js 用法分享社区-开发交流-项越资源网

如何使用 JavaScript 实现一个简单的点击显示/隐藏内容功能?

使用 JavaScript 实现一个简单的点击显示/隐藏内容功能如下:

// 为 .click-me 类添加 'click' 事件监听器
document.querySelector('.click-me').addEventListener('click', () => {
  // 使用 toggle() 方法在 click-me 元素之后的所有元素中切换 'hidden' 类
  document.querySelectorAll( '.click-me ~ *' ).forEach(el => el.classList.toggle('hidden'));
});
请登录后发表评论

    没有回复内容