アコーディオン
ある程度のデザインを加えたアコーディオンです。そこに、メニューの内容も加えてみました。
まずはメニューを単純に列挙
{{ if .Site.Menus.main }}
{{ range .Site.Menus.main.ByWeight }} {{ if .HasChildren }}
{{ .Name }}
{{ range .Children }}
{{ .Name }}
{{ end }}
{{ else }}
{{- .Name -}}
{{ end }} {{ end }}
{{ end }}
次に、具体的に実装してみたメニュー
{{ if .Site.Menus.main }}
{{ range .Site.Menus.main.ByWeight }} {{ if .HasChildren }}
{{ .Name }}
{{ range .Children }}
{{ .Name }}
{{ end }}
{{ else }}
{{- .Name -}}
{{ end }} {{ end }}
{{ end }}
これは元のアコーディオン
親メニュー1
子メニュー 1-1
子メニュー 1-2
子メニュー 1-3
子メニュー 1-4
子メニュー 1-5
子メニュー 1-6
子メニュー 1-7
親メニュー2
子メニュー 2-1
子メニュー 2-2
子メニュー 2-3
子メニュー 2-4
子メニュー 2-5
子メニュー 2-6
子メニュー 2-7