Jquery 到纯 javascript - 简单功能（单击并切换）答案

【问题标题】：Jquery to pure javascript - simple function (click and toggle)Jquery 到纯 javascript - 简单功能（单击并切换）
【发布时间】：2021-04-19 04:06:51
【问题描述】：

由于我不懂 js，所以我正在寻求帮助 - 我需要这个用纯 javascript 编写的简单 jquery 代码：

$( document ).ready(function() {
    $(".mobile-menu-cta").click(function() {
          $(".mobile-menu").toggle();
    });
});

【问题讨论】：

除了toggle之外，JavaScript 中的一切都有直接的等价物
youmightnotneedjquery.com还有什么你尝试的，你必须先自己尝试。
在这里查看我的第二个解决方案 - stackoverflow.com/questions/66520548/…。这就是您可以切换到 JavaScript 的方式。如果您对代码有任何问题，请告诉我。我会帮忙解决的。

标签： javascript jquery performance

【解决方案1】：

这模仿了切换行为：

document.addEventListener('DOMContentLoaded', function(e) {
  const menuCta = document.querySelector('.mobile-menu-cta');
  const menu = document.querySelector('.mobile-menu');

  menuCta.addEventListener('click', function(e) {
    e.preventDefault();

    if (menu.style.display === 'none') {
      menu.style.display = 'block';
    } else {
      menu.style.display = 'none';
    }
  });
});

【讨论】：