Javascript 将此js代码转换为jquery

我有以下来自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";
        }
      });

var dropdown=$（“.dropdown节”）；
var i；
对于（i=0；i

您的代码已经包含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";
        }
  });

---

试着看看

.click

，

.css

，

.toggleClass

和

。下一步

方法你好，谢谢你的回答，我这样做了，效果很好，但是有了这个，所有的下拉菜单都会在点击时打开，但我只想打开一个被点击的。有什么建议吗？$（'.dropdown section'）。on（'click'，function（）{$（“.dropdown section”）。每个（function（）{var dropdownContent=$（this）.sides（）；if（dropdownContent.css（'display'）=='block'）{dropdownContent.css（'display'，'none'）；}其他{dropdownContent.css（'display'，'block'）；}）；}）；花一个下午的时间通读一遍。之后，任务对您来说将是小菜一碟，此外，您还将掌握类似的挑战，并掌握习惯用法和API设计动机。