Add method to have section group start collapsed

Remove duplicate line

Author: AustinMroz

videohelpersuite/documentation.py

@@ -4,17 +4,21 @@ def image(src):
   'VHS_VideoCombine': ['Video Combine', '<div id=VHS_shortdesc style="font-size: .8em">Combine an image sequence into a video</div>', {
     'Inputs': {'images': 'The images to be turned into a video','audio':'(optional) audio to add to the video','meta_batch': '(optional) Connect to a Meta Batch manager to divide extremely long image sequences into sub batches. See the documentation for Meta Batch Manager','vae':'(optional) If provided, the node will take latents as input instead of images. This drastically reduces the required RAM (not VRAM) required when working with very long sequences'},
     'Widgets':{'frame_rate': 'The frame rate  which will be used for the output video. Consider converting this to an input and connecting this  to a load Video with Video Info(Loaded)->fps. When including audio, failure to properly set this will result in audio desync', 'loop_count': 'The number of additional times the video should repeat.', 'filename_prefix': 'A prefix to add to the name of the output filename. This can include subfolders or format strings.', 'format': 'The output format to use. Formats starting with, \'image\' are saved with PIL, but formats starting with \'video\' utilize the video_formats system. \'video\' options require ffmpeg and selecting one frequently adds additional options to the node.', 'pingpong': 'Play the video normally, then repeat the video in reverse so that it \'pingpongs\' back and forth. This is frequently used to minimize the appearance of skips on very short animations.', 'save_output': 'Specifies if output files should be saved to the output folder, or the temporary output folder'},
-    'Common Format Widgets': {'crf': 'Determines how much to prioritize quality over filesize. Numbers vary between formats, but on each format that includes it, the default value provides visually loss less output', 'pix_fmt': ['The pixel format to use for output. Alternative options will often have higher quality at the cost of increased file size and  reduced compatibility with external software.', {'yuv420p': 'The most common and default format', 'yuv420p10le': 'Use 10 bit color depth. This can improve color quality when combined with 16bit input color depth', 'yuva420p': 'Include transparency in the output video'}], 'input_color_depth': 'VHS supports outputting 16bit images. While this produces higher quality output, the difference usually isn\'t visible without postprocessing and it significantly increases file size and processing time.', 'save_metadata': 'Determines if metadata for the workflow should be included in the output video file'}}]
+    'Common Format Widgets': {'crf': 'Determines how much to prioritize quality over filesize. Numbers vary between formats, but on each format that includes it, the default value provides visually loss less output', 'pix_fmt': ['The pixel format to use for output. Alternative options will often have higher quality at the cost of increased file size and  reduced compatibility with external software.', {'yuv420p': 'The most common and default format', 'yuv420p10le': 'Use 10 bit color depth. This can improve color quality when combined with 16bit input color depth', 'yuva420p': 'Include transparency in the output video', 'collapsed': True}], 'input_color_depth': 'VHS supports outputting 16bit images. While this produces higher quality output, the difference usually isn\'t visible without postprocessing and it significantly increases file size and processing time.', 'save_metadata': 'Determines if metadata for the workflow should be included in the output video file'}}]
 }
 
 sizes = ['1.4','1.2','1']
 def as_html(entry, depth=0):
     if isinstance(entry, dict):
         size = 0.8 if depth < 2 else 1
         html = ''
-        for k in entry:
-            #html += f'<{tag} title={k}>{k}: {as_html(entry[k], depth=depth+1)}</{tag}>'
-            html += f'<div vhs_title={k} style=\"display: flex; font-size: {size}em\" class=\"VHS_collapse\"><div style=\"color: #AAA; height: 1.5em\">[-]</div><div>{k}: {as_html(entry[k], depth=depth+1)}</div></div>'
+        if "collapsed" in entry:
+            entry.pop("collapsed")
+            for k in entry:
+                html += f'<div vhs_title={k} style=\"display: flex; font-size: {size}em\" class=\"VHS_collapse\"><div style=\"color: #AAA; height: 1.5em\">[+]</div><div style=\"overflow-y: hidden; height: 1.5em; color: #CCC;\">{k}: {as_html(entry[k], depth=depth+1)}</div></div>'
+        else:
+            for k in entry:
+                html += f'<div vhs_title={k} style=\"display: flex; font-size: {size}em\" class=\"VHS_collapse\"><div style=\"color: #AAA; height: 1.5em\">[-]</div><div>{k}: {as_html(entry[k], depth=depth+1)}</div></div>'
         return html
     if isinstance(entry, list):
         html = ''

web/js/VHS.core.js

@@ -219,7 +219,6 @@ function initHelpDOM() {
             el.children[0].innerHTML = '[+]'
             el.children[1].style.overflowY = 'hidden'
             el.children[1].style.height = '1.5em'
-            el.children[1].style.height = '1.5em'
             el.children[1].style.color = '#CCC'
         } else {
             el.children[0].innerHTML = '[-]'