accordion: make smooth animation toggleable

templates/components/accordion.html.tmpl

@@ -5,7 +5,9 @@
 {{/* Props: */}}
 {{/*
 	Open: bool
+	Name: <details/> name attribute
 	GroupName: for doing 'open' css state styles
+	Smooth: bool, for 'smooth' opening animation, true by default
 
 	Class, Style,
 	SummaryClass, SummaryStyle
@@ -18,9 +20,11 @@
 {{- if .GroupName }}
 	{{- $groupSuffix = printf "/%s" .GroupName }}
 {{- end }}
+{{- $smooth := ne .Smooth false }}
 
 
 <details
+	{{if .Name}}name="{{.Name}}"{{end}}
 	class="
 		group{{$groupSuffix}}
 
@@ -38,13 +42,19 @@
 
 		open:details-content:p-[1em]
 
+	{{if $smooth}}
 		details-content:opacity-[0]
+	{{end}}
 		open:details-content:opacity-[1]
 
+	{{if $smooth}}
 		details-content:transform-[translate(0px,-2em)]
+	{{end}}
 		open:details-content:transform-[translate(0px,0px)]
 
+	{{if $smooth}}
 		details-content:transition-[opacity_transform]
+	{{end}}
 
 		{{.Class}}
 	"

templates/pages/accounts/{acctID.int64}/inventory/mock.html.tmpl

@@ -102,6 +102,7 @@
 	"
 >
 	{{ component "accordion"
+		"Name" "sync-group-page"
 		"Open" true
 		"Class"	`
 			mx-[1em]
@@ -128,8 +129,10 @@
 			"
 		>
 			{{ component "accordion"
+				"Name" "sync-group-page"
 				"GroupName"			"sync-group"
 				"Group"				$grp
+				"Smooth"			false
 				"#accordion-header"	"sync-group-accordion-header"
 				"#accordion-body"	"sync-group-accordion-body"
 			}}