fixed the toc/sidebar toggling script for real

1 files changed, 31 insertions, 19 deletions

diff --git a/lib/scripts/page.js b/lib/scripts/page.js
index 74dec37fb..78943be7a 100644
--- a/lib/scripts/page.js
+++ b/lib/scripts/page.js
@@ -102,7 +102,7 @@ dw_page = {
      * @param selector handle What should be clicked to toggle
      * @param selector content This element will be toggled
      */
-    makeToggle: function(handle, content){
+    makeToggle: function(handle, content, state){
         var $handle, $content, $clicky, $child, setClicky;
         $handle = jQuery(handle);
         if(!$handle.length) return;
@@ -125,32 +125,44 @@ dw_page = {
             }
         };
 
-        // the state indicator
-        $clicky = jQuery(document.createElement('strong'));
+        $handle[0].setState = function(state){
+            var hidden;
+            if(!state) state = 1;
 
-        // click function
-        $handle.css('cursor','pointer')
-               .click(function () {
-                    var hidden;
+            // Assert that content instantly takes the whole space
+            $content.css('height', $content.height()).show();
 
-                    // Assert that content instantly takes the whole space
-                    $content.css('height', $content.height()).show();
+            // stop any running animation
+            $child.stop(true, true);
 
-                    // stop any running animation and get current state
-                    hidden = $child.stop(true, true).is(':hidden');
+            // was a state given or do we toggle?
+            if(state === -1) {
+                hidden = false;
+            } else if(state === 1) {
+                hidden = true;
+            } else {
+                hidden = $child.is(':hidden');
+            }
 
-                    // update the state
-                    setClicky(!hidden);
+            // update the state
+            setClicky(!hidden);
 
-                    // Start animation and assure that $toc is hidden/visible
-                    $child.dw_toggle(hidden, function () {
-                        $content.toggle(hidden);
-                    });
-                })
+            // Start animation and assure that $toc is hidden/visible
+            $child.dw_toggle(hidden, function () {
+                $content.toggle(hidden);
+            });
+        };
+
+        // the state indicator
+        $clicky = jQuery(document.createElement('strong'));
+
+        // click function
+        $handle.css('cursor','pointer')
+               .click($handle[0].setState)
                .prepend($clicky);
 
         // initial state
-        setClicky();
+        $handle[0].setState(state);
     }
 };