Question

我想使用具有与next方法相同的jQuery功能的香草js制作下拉项。因为同一个类名不适用于Vanilla js

var button = document.querySelector('.ms-dropdown');

button.addEventListener('click', function(event) {

  var next = this.nextElementSibling;

  if (next.style.display == "none") {
    next.style.display = "block";

  } else {
    next.style.display = "none";
  }
});

<div class="ms-dropdown p-3">
  <div class="row no-gutters align-items-center">
    <div class="col-auto"><img src="images/tr-flag.png" alt="" /></div>
    <div class="col-auto ml-2">Budesliga <span>(16)</span></div>
  </div>
</div>
<div style="display:none">
  asdfasdf
</div>
<div class="ms-dropdown p-3">
  <div class="row no-gutters align-items-center">
    <div class="col-auto"><img src="images/tr-flag.png" alt="" /></div>
    <div class="col-auto ml-2">Budesliga <span>(16)</span></div>
  </div>
</div>
<div style="display:none">
  asdfasdf
</div>

Answer 1

也许不是您想要的东西

unsigned

Answer 2

请尝试

Piece

香草JavaScript幻灯片

2 个答案: