From 5ebfa62556a829268182ca0ae821256fbc4b81e1 Mon Sep 17 00:00:00 2001
From: Ben Kelly <bkelly@stackoverflow.com>
Date: Mon, 6 Apr 2020 14:59:32 -0400
Subject: [PATCH] fix docs recommending the `toggleModal` function, which
 doesn't exist

---
 docs/product/components/modals.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/docs/product/components/modals.html b/docs/product/components/modals.html
index 23a029e643..c1a9444b8f 100644
--- a/docs/product/components/modals.html
+++ b/docs/product/components/modals.html
@@ -143,13 +143,19 @@
             </thead>
             <tbody class="fs-caption">
                 <tr>
-                    <th scope="row"><code class="stacks-code">Stacks.toggleModal</code></th>
+                    <th scope="row"><code class="stacks-code">Stacks.showModal</code></th>
                     <td>
                         <code class="stacks-code">element</code>: the element the <code class="stacks-code">data-controller="s-modal"</code> attribute is on <br><br>
-                        <code class="stacks-code">show</code>: whether to force show/hide the modal; toggles the modal if left undefined
                     </td>
                     <td>Helper to manually show an s-modal element via external JS</td>
                 </tr>
+                <tr>
+                    <th scope="row"><code class="stacks-code">Stacks.hideModal</code></th>
+                    <td>
+                        <code class="stacks-code">element</code>: the element the <code class="stacks-code">data-controller="s-modal"</code> attribute is on <br><br>
+                    </td>
+                    <td>Helper to manually hide an s-modal element via external JS</td>
+                </tr>
             </tbody>
         </table>
     </div>
@@ -302,7 +308,7 @@ <h1 class="s-modal--header" id="modal-title">…</h1>
     <div class="stacks-preview _preview-none">
 {% highlight javascript %}
 document.querySelector(".js-modal-toggle").addEventListener("click", function(e) {
-    Stacks.toggleModal(document.querySelector("#modal-base"));
+    Stacks.showModal(document.querySelector("#modal-base"));
 });
 {% endhighlight %}
     </div>