mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-24 00:03:10 +00:00
24 lines
1.1 KiB
HTML
24 lines
1.1 KiB
HTML
|
{{- $context := .context }}
|
||
|
|
{{- $content := .content }}
|
||
|
|
{{- $title := .title | default (T "Expand-title") }}
|
||
|
|
{{- $expanded := .open | default false }}
|
||
|
|
{{- if eq (printf "%T" $expanded) "string" }}
|
||
|
|
{{- $expanded = (eq $expanded "true") }}
|
||
|
|
{{- end }}
|
||
|
|
{{- with $context }}
|
||
|
|
<div class="expand
|
||
|
|
{{- if $expanded }} expand-expanded{{ end -}}
|
||
|
|
">
|
||
|
|
{{/* things are getting complicated when search tries to open the expand box while jquery sets the display CSS on the element */}}{{ "" -}}
|
||
|
|
<a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
|
||
|
|
<i class="fas fa-chevron-down"></i>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
{{ $title }}
|
||
|
|
</a>
|
||
|
|
<div class="expand-content" style="display:
|
||
|
|
{{- if $expanded }} block{{ else }} none{{ end -}}
|
||
|
|
;">
|
||
|
|
{{ $content | safeHTML }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{- end }}
|