From 36acd34874cd768c5329082361731cfe952475af Mon Sep 17 00:00:00 2001
From: Andrew Manning <andrew@reticu.li>
Date: Tue, 29 Nov 2016 07:37:21 -0500
Subject: Toggle section folder icon between open and closed when selected. A
 bug prevents it from working properly the first time a section is opened.

---
 doc/toc.html | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

(limited to 'doc/toc.html')

diff --git a/doc/toc.html b/doc/toc.html
index 23eb57b64..9d0e99013 100644
--- a/doc/toc.html
+++ b/doc/toc.html
@@ -26,7 +26,7 @@
     <div class="panel">
         <div class="panel-heading">
             <h4 class="panel-title">
-                <a data-toggle="collapse" data-parent="#accordion" href="#about"><span class="glyphicon glyphicon-folder-open">
+                <a data-toggle="collapse" data-parent="#accordion" href="#about"><span class="glyphicon glyphicon-folder-close">
                     </span>About</a>
             </h4>
         </div>
@@ -40,7 +40,7 @@
     <div class="panel">
         <div class="panel-heading">
             <h4 class="panel-title">
-                <a data-toggle="collapse" data-parent="#accordion" href="#members"><span class="glyphicon glyphicon-folder-open">
+                <a data-toggle="collapse" data-parent="#accordion" href="#members"><span class="glyphicon glyphicon-folder-close">
                     </span>Members</a>
             </h4>
         </div>
@@ -54,7 +54,7 @@
     <div class="panel">
         <div class="panel-heading">
             <h4 class="panel-title">
-                <a data-toggle="collapse" data-parent="#accordion" href="#administrators"><span class="glyphicon glyphicon-folder-open">
+                <a data-toggle="collapse" data-parent="#accordion" href="#administrators"><span class="glyphicon glyphicon-folder-close">
                     </span>Administrators</a>
             </h4>
         </div>
@@ -70,7 +70,7 @@
     <div class="panel">
         <div class="panel-heading">
             <h4 class="panel-title">
-                <a data-toggle="collapse" data-parent="#accordion" href="#developers"><span class="glyphicon glyphicon-folder-open">
+                <a data-toggle="collapse" data-parent="#accordion" href="#developers"><span class="glyphicon glyphicon-folder-close">
                     </span>Developers</a>
             </h4>
         </div>
@@ -85,7 +85,7 @@
     <div class="panel">
         <div class="panel-heading">
             <h4 class="panel-title">
-                <a data-toggle="collapse" data-parent="#accordion" href="#tutorials"><span class="glyphicon glyphicon-folder-open">
+                <a data-toggle="collapse" data-parent="#accordion" href="#tutorials"><span class="glyphicon glyphicon-folder-close">
                     </span>Tutorials</a>
             </h4>
         </div>
@@ -131,6 +131,20 @@
         tocUl.removeClass();  // Classes are automatically added to <ul> elements by something else
         tocUl.toc({content: "#doco-content", headings: "h1,h2,h3,h4"});
         $('#region_1 .widget').scrollTop($(tocUl).offset().top - $('#accordion').offset().top);
+        
+        $('#accordion .panel-title').click(function(event) {
+            if(!$('#accordion .panel-title').find('a').hasClass('collapsed') && !$('#accordion .panel-title').is(this)) {
+                $('#accordion .panel-title').find('span').removeClass('glyphicon-folder-close').addClass('glyphicon-folder-open');
+            } else {
+                $('#accordion .panel-title').find('span').removeClass('glyphicon-folder-open').addClass('glyphicon-folder-close');
+            }
+            if(!$(this).find('a').hasClass('collapsed')) {
+                $(this).find('span').removeClass('glyphicon-folder-open').addClass('glyphicon-folder-close');
+            } else {
+                $(this).find('span').removeClass('glyphicon-folder-close').addClass('glyphicon-folder-open');
+            }
+
+        });
     });
 
 </script>
-- 
cgit v1.2.3