Fix expanders for real

Author: WallSoGB

falloutnv.html

@@ -202,7 +202,7 @@ <h3>Things You Should Know</h3>
                         </ol>
                     </span>
                 </div>
-                <div class="expander-top">
+                <div class="expander-top clickable" onclick="expandCard(this, flipTalk)" id="flipTalkTop">
                     <div>
                         <p>
                         <h3>Technicalities</h3>
@@ -211,7 +211,7 @@ <h3>Technicalities</h3>
                     </div>
                     <img class="chevron" style="float: right;" src="img/ui/Chevron Down.svg" alt="UI element - Chevron">
                 </div>
-                <div class="expander-bottom">
+                <div class="expander-bottom" id="flipTalk">
                     <p>
                     <ul>
                         <li><b>Presentation models:</b></li>

js/javascript.js

@@ -64,6 +64,10 @@ function setupExpanders() {
     const expanders = document.querySelectorAll('.expander-top');
 
     expanders.forEach((expander, index) => {
+        // Skip if already has an ID
+        if (expander.id)
+            return; 
+
         // Remove any existing ID
         const oldId = expander.id;
         const contentId = oldId ?