From a2d912d3744e1da68dc0c4f1470c66978c101abc Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Tue, 30 Nov 2021 19:45:37 +1100
Subject: [PATCH] Bootstrappy collapse

---
 InvenTree/part/templates/part/part_base.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/InvenTree/part/templates/part/part_base.html b/InvenTree/part/templates/part/part_base.html
index 4e85853e69..8c72557d27 100644
--- a/InvenTree/part/templates/part/part_base.html
+++ b/InvenTree/part/templates/part/part_base.html
@@ -146,8 +146,7 @@
         </div>
             
         {% include "spacer.html" %}        
-        <button type='button' class='btn btn-outline-secondary'>
-            <span class='fas fa-info-circle'></span>
+        <button type='button' class='btn btn-outline-secondary' data-bs-toggle='collapse' href='#collapse-part-details' role='button' id='toggle-details-button'>
             {% trans "Show Part Details" %}
         </button>
     </div>
@@ -255,7 +254,7 @@
 
 {% block details_below %}
 <!-- Part Details -->
-<div class='xcollapse' id='collapse-part-details'>
+<div class='collapse' id='collapse-part-details'>
     <div class='row flex-wrap'>
         <div class='col-sm-6'>
                     <!-- Details Table -->
@@ -563,4 +562,12 @@
     });
     {% endif %}
 
+    $('#collapse-part-details').on('show.bs.collapse', function() {
+        $('#toggle-details-button').html('{% trans "Hide Part Details" %}');
+    });
+    
+    $('#collapse-part-details').on('hide.bs.collapse', function() {
+        $('#toggle-details-button').html('{% trans "Show Part Details" %}');
+    });
+
 {% endblock %}
\ No newline at end of file