Text-slicer: Make sliced documents collapsible

plugins/tiddlywiki/text-slicer/templates/interactive/document.tid

@@ -1,5 +1,9 @@
 title: $:/plugins/tiddlywiki/text-slicer/templates/interactive/document
 
+\define config-document-status()
+$:/config/plugins/tiddlywiki/text-slicer/show-preview-document/$(tv-heading-status-config-prefix)$/$(currentTiddler)$
+\end
+
 \define config-show-toolbar()
 $:/config/plugins/tiddlywiki/text-slicer/show-toolbar/$(currentTiddler)$
 \end
@@ -15,6 +19,38 @@ $:/config/plugins/tiddlywiki/text-slicer/heading-status/$(currentTiddler)$
 
 <div class="tc-sliced-document">
 
+<div class="tc-sliced-document-header">
+
+<div class="tc-document-tiddler-toolbar">
+
+<$reveal type="nomatch" state=<<config-document-status>> text="open" default="closed">
+
+<$button set=<<config-document-status>> setTo="open" class="tc-btn-invisible">
+
+{{$:/core/images/down-arrow}}
+
+</$button>
+
+</$reveal>
+
+<$reveal type="match" state=<<config-document-status>> text="open" default="closed">
+
+<$button set=<<config-document-status>> setTo="close" class="tc-btn-invisible">
+
+{{$:/core/images/right-arrow}}
+
+</$button>
+
+</$reveal>
+
+</div>
+
+<h1 class="tc-sliced-document-title">''Document'': <$link><$view field="title"/></$link></h1>
+
+</div>
+
+<$reveal type="nomatch" state=<<config-document-status>> text="open" default="closed">
+
 {{||$:/plugins/tiddlywiki/text-slicer/ui/document/header}}
 
 <div class='tc-sliced-document-body'>
@@ -31,6 +67,8 @@ $:/config/plugins/tiddlywiki/text-slicer/heading-status/$(currentTiddler)$
 
 </div>
 
+</$reveal>
+
 </div>
 
 </$set>

plugins/tiddlywiki/text-slicer/templates/interactive/paragraph.tid

@@ -1,7 +1,7 @@
 title: $:/plugins/tiddlywiki/text-slicer/templates/interactive/paragraph
 
 \define body()
-<$link tag="div" class="tc-document-tiddler-link">
+<$link tag="div" class="tc-document-tiddler-link tc-document-tiddler">
 
 <$list filter="""[all[current]] $(tv-exclude-filter)$ +[limit[1]]""" variable="item">
 

plugins/tiddlywiki/text-slicer/ui/document/header.tid

@@ -2,8 +2,6 @@ title: $:/plugins/tiddlywiki/text-slicer/ui/document/header
 
 <div class="tc-sliced-document-header">
 
-''Document'': <$link><$view field="title"/></$link>
-
 ''Exclude filter'': <$edit-text field="toc-exclude-filter"/>
 
 <$checkbox tiddler=<<config-show-toolbar>> field="text" checked="yes" unchecked="no" default="no"> Show toolbar</$checkbox>