javascript - 純粋な JavaScript を使用して次の DIV 兄弟を選択できないのはなぜですか?

Question

次のように、最初の div に 1 つのボタンを持つ 2 つのdiv要素があります。

<div class='my-class'>
    <div class='other-div'>
       <button onClick="nextDiv(this);">Click</button>
    </div> 
</div> 
<div class='my-class'>
</div>

以下は私のJavaScriptコードです。

function nextDiv(element) {
      element.closest('.my-class').style.display = 'none';
      element.closest('.my-class').nextSibling.style.display = 'block';
}

ボタンをクリックすると、最初の要素を非表示にできるのに、次の div 要素を class で表示できないのはなぜですかmy-class。代わりに、次のエラーが表示されます。

 Uncaught TypeError: Cannot set property 'display' of undefined

my-classnextSibling プロパティを使用してクラスの次の div 要素を選択できないようです。私は何を間違えましたか？