私はこのマークアップを持っています:
<div> TEXT <a class="toggle-action"> TOGGLE </a></div>
<dl class="collapsed">
...
</dl>
<dl class="collapsed">
...
</dl>
トグル リンクをクリックすると、<dl>
以下のすべての要素のクラスが、展開された状態から折りたたまれた状態に、またその逆に切り替わるはずです。DD
ただし、一部の DL には他の DL との要素が含まれている可能性があるため、DL の最初のレベルのみ...
javascriptでこれを行うにはどうすればよいですか?
jQueryでのやり方は知っていますが、これだけでも負荷がかかりすぎるので避けたいです。
現在、私はこれを持っています:
document.addEventListener('click', function(e){
// my link
if(e.target.className.indexOf('toggle-action') !== -1){
// here how to select DLs?
}
});
:)