Textboxで項目の開閉

https://gyazo.com/6c4e9976c318017cd9214b2d6148f0d2

code:script.js

function init(){

document.querySelectorAll(".content").forEach(function(elem){

elem.style.display = "none";

})

document.querySelectorAll("h3").forEach(function(elem){

elem.addEventListener('click',function(e){

const isDis = elem.nextElementSibling.style.display

if (isDis == "none"){

elem.nextElementSibling.style.display = "block";

}else{

elem.nextElementSibling.style.display = "none";

}

})

})

}

h3の次にdivがあり、そこに文章が入っている。

ヘッダーをクリックすると、その次の要素のdisplayがトグルする。