BLOG

木曜日

おはようございます。

冬は朝が弱くなる体質なのかもしれないと諦めをつけようとしておりますどうもハヤトワンです。

(いや、ちゃんと早起きする、がんばる)

はい、ということで、本日も朝活コーディングのシェアという名の投稿時間ショートカット。

今日はアコーディオンをvanilla.jsで作る回でした。

https://github.com/HayatoMoromasa/sample/tree/main/accordion

        const accordion = document.getElementsByClassName('contentBx');
        for (i = 0; i<accordion.length; i++){
            accordion[i].addEventListener('click', function(){
                this.classList.toggle('active')
            })
        }

コンテンツ要素を変数にいれて、それをfor文で一つ一つにクリックされたらactiveクラスをつけて、それで白枠をcssで高さつけて表示させてる感じですかね。

SIMPLE!

ということで筋トレしてきます。

今日も良い1日を!