タブ
このサンプルでは、複数の.js-tab
に、タブを展開するメソッドを付与しています。
closeOther
インスタンスを作成する際にmode
プロパティをtab
にするか、closeOther
プロパティをtrue
にすると、要素を展開するときに、他の要素(ここではタブ)をすべて閉じます。
タブの高さを揃える
CSS Gridを使用すると、タブ全体のheight
はauto
のままで、最もコンテンツが多いタブに揃えることができます。このため、このライブラリにはタブの高さを揃える処理は含めていません。
(かつては、JavaScriptでタブの高さをひとつずつ取得し、比較する必要がありました。CSSの進化は素晴らしいですね)