From 389b6aff6fd43ad262a66c0e404ea9ccd5beda66 Mon Sep 17 00:00:00 2001
From: niknah <github@mail.niknah.com>
Date: Tue, 14 Oct 2025 17:42:38 +1100
Subject: [PATCH] Advanced section instructions

---
 README.md                                      | 18 +++++++++---------
 .../node/PresentationAdvancedSection.vue       |  4 +++-
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index fa01580..ba14c7a 100644
--- a/README.md
+++ b/README.md
@@ -31,15 +31,15 @@ After installing the custom node.  On the first run, it'll install the nuxt web
 
 ## How to use the nodes
 
-[Presentation File](https://youtu.be/XBlm1r7-xRY) - Used to pick models, loras, etc.
-Presentation Advanced - Split the rest of the page into an advanced section.
-Presentation Audio / Video / Image - Load media from input.
-Presentation Drop down - A fixed selection.  Can be used in place of the Presentation File node when you only want people to select from a pre-defined range.
-
-Presentation History - Queue History.  You can remove the normal history from MainPage.vue
-Presentation Progress - Progress bar.  You can remove the normal progress bar from MainPage.vue
-Presentation Add Queue - The queue button.
-Presentation Component - Add your own custom component
+|--|--|
+| [Presentation File](https://youtu.be/XBlm1r7-xRY) | Used to pick models, loras, etc. |
+| [Presentation Advanced](https://youtu.be/6CXKYp5A5YE) | Split the rest of the page into an advanced section. |
+| [Presentation Audio / Video / Image](https://youtu.be/7hmaufjpKR0) | Load media |
+| Presentation Drop down | A fixed selection.  Can be used in place of the Presentation File node when you only want people to select from a pre-defined range. |
+| Presentation History | Queue History.  You can remove the normal history from MainPage.vue |
+| Presentation Progress | Progress bar.  You can remove the normal progress bar from MainPage.vue |
+| Presentation Add Queue | The queue button |
+| Presentation Component | Add your own custom component |
 
 
 ## To style
diff --git a/presentation-site/components/node/PresentationAdvancedSection.vue b/presentation-site/components/node/PresentationAdvancedSection.vue
index 87ca121..4195cb3 100644
--- a/presentation-site/components/node/PresentationAdvancedSection.vue
+++ b/presentation-site/components/node/PresentationAdvancedSection.vue
@@ -34,6 +34,9 @@ function click() {
 }
 
 function show(link, show) {
+  if (props.v_section_end) {
+    return;
+  }
   shown.value = show;
   let p = link.parentNode;
   let container = null;
@@ -50,7 +53,6 @@ function show(link, show) {
       if (row.querySelector('.pres-advanced-section')) {
         break;
       }
-
       if (show) {
         row.classList.remove("pres-advanced-section-hidden");
       } else {