将此js代码转换为jquery

Question

我有来自w3学校的以下JavaScript代码，我想将其转换为jQuery，但我不知道如何。任何帮助将不胜感激。

    var dropdown = $(".dropdown-section");
    var i;

    for (i = 0; i < dropdown.length; i++) {
      dropdown[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var dropdownContent = this.nextElementSibling;
        if (dropdownContent.style.display === "block") {
          dropdownContent.style.display = "none";
        } else {
          dropdownContent.style.display = "block";
        }
      });

Answer 1

您的代码已包含jquery。看来您想删除addEventListener并检查css属性。

要获取下一个同级，请使用jquery next，并使用css属性获取样式

$(".dropdown-section").on('click',function(){
        $(this).toggleClass('active');
        let nextSibling = $(this).next()
        if(nextSibling.css('display')==='block'){
          nextSibling.style.display ="none";
        }
        else{
          nextSibling.style.display ="block";
        }
  });