hugo-book/layouts/shortcodes/tabs.html
2019-05-23 17:48:30 +02:00

34 lines
1.0 KiB
HTML

{{ if .Inner }}{{ end }}
{{ $id := .Get 0 }}
{{ $group := printf "tabs-%s" $id }}
<!--
<div class="book-tabs">
<div class="book-tabs-head">
{{ range $index, $tab := .Scratch.Get $group }}
<label for="{{ printf "%s-%d" $group $index }}">
{{ $tab.Name }}
</label>
{{ end }}
</div>
{{ range $index, $tab := .Scratch.Get $group }}
<input type="radio" name="{{ $group }}" style="display: none;" id="{{ printf "%s-%d" $group $index }}" {{ if not $index }}checked="checked"{{ end }} />
<div class="book-tabs-content book-tabs-{{ $index }} markdown-inner">
{{ .Content | markdownify }}
</div>
{{ end }}
</div>
-->
<div class="book-tabs">
{{ range $index, $tab := .Scratch.Get $group }}
<input type="radio" name="{{ $group }}" style="display: none;" id="{{ printf "%s-%d" $group $index }}" {{ if not $index }}checked="checked"{{ end }} />
<label for="{{ printf "%s-%d" $group $index }}">
{{ $tab.Name }}
</label>
<div class="book-tabs-content markdown-inner">
{{ .Content | markdownify }}
</div>
{{ end }}
</div>