■親カテゴリのみを表示、下層カテゴリを隠す方法
カテゴリが異常に長い場合の設定
(display: none;)を利用します。
例:3階層まで表示されるテンプレート
サブ(2、3階層、)を隠す場合は
level2 { ******:******; }
level3 { ******:******; }
のタグ{ }中に display: none;
を追加し、下記のようになります。
level2 { ******:******; display: none; }
level3 { ******:******; display: none; }
※「******:******;」は他のスタイル設定を表します。
設定後のイメージ
矢印をクリックすると、展開するようになります。
■親カテゴリのみを表示させる場合
HTMLタグの中からdata-level="3"「3」の部分を「1」に変更します。
display: none; との違い
矢印をクリックしても、展開しないところです。