タブ

このサンプルでは、複数の.js-tabに、タブを展開するメソッドを付与しています。

closeOther

インスタンスを作成する際にmodeプロパティをtabにするか、closeOtherプロパティをtrueにすると、要素を展開するときに、他の要素(ここではタブ)をすべて閉じます。

タブの高さを揃える

CSS Gridを使用すると、タブ全体のheightautoのままで、最もコンテンツが多いタブに揃えることができます。このため、このライブラリにはタブの高さを揃える処理は含めていません。

(かつては、JavaScriptでタブの高さをひとつずつ取得し、比較する必要がありました。CSSの進化は素晴らしいですね)