状態トグルにはelem.classList.( A )(‘open’)が便利。存在すれば外し、なければ付ける。また、classList.( B )(‘open’)は常にクラスを追加する。
解答
A: toggle
B: add
解説
toggleは状態反転、addは付与専用。toggle(‘x’, 条件)の第二引数で明示的に真偽指定も可能。
使用例(サンプルコード)
[ html ]
<div id="panel"></div>
<script>
const panel = document.getElementById('panel');
panel.classList.toggle('open');
panel.classList.add('open');
</script>