覚えたこと
cssのflex
flex-grow:伸びる率(デフォルト0)
flex-shrink:縮む率(デフォルト1)
displat:flex;
/* flex-grow | flex-shrink | flex-basis */
flex: 2 2 10%;
いつものようにスクリプトでクラスをつけて動かす
function toggleActive(e){
if(e.propertyName.includes('flex')){
this.classList.toggle('open-active');
}
}
panels.forEach(panel => panel.addEventListener('transitionend' , toggleActive))