javascript演習 5日目/３０日

覚えたこと

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))