Javascript 如何在条件中使用style.display值

我想做一个简单的手风琴。我使用style.display检查元素的display属性是block还是none，但它不返回任何值

var mybtn = document.querySelectorAll("button");

for (var i = 0; i < mybtn.length; i++) {
  mybtn[i].onclick = function() {
    var mySibling = this.nextElementSibling;

    console.log(this.style.display);

    if (mySibling.style.display == "block") {
      mySibling.style.display = "none";
    } else {
      mySibling.style.display = "block";
    }
  }
}

var mybtn=document.queryselectoral（“按钮”）；
对于（变量i=0；i

var mybtn=document.getElementById（“单击我”）；
mybtn.onclick=函数（）{
var mySibling=this.nextElementSibling；
//console.log（this.style.display）；
如果（mySibling.style.display==“无”）{
mySibling.style.display=“block”；
}否则{
mySibling.style.display=“无”；
}
}

点击我！
显示/隐藏

切换classgetComputedStyle更容易解决问题