Finish auto collapse on contents.

1 files changed, 41 insertions, 16 deletions

diff --git a/static/js/toc.js b/static/js/toc.js
index 075a09e..c09f598 100644
--- a/static/js/toc.js
+++ b/static/js/toc.js
@@ -1,22 +1,47 @@
-$().ready(function(){
+var spy = function() {
   var elems = $(":header");
   if (elems.length == 0) {
     return;
   }
-  $(window).bind('scroll', function() {
-      var currentTop = $(window).scrollTop();
-      var currentBottom = $(window).scrollTop() + $(window).height();
-      var pageBottom = $('#EOF').offset().top;
-      
-      elems.each(function(idx){
-        var elemTop = $(this).offset().top;
-        var id = $(this).attr('id');
-        var navElem = $('#' + id+ '-nav');
-        if(currentTop >= elemTop || currentBottom >= pageBottom){
-      	  navElem.addClass('toc-active');
-        } else {
-          navElem.removeClass('toc-active');
-        }
-      })
+  var currentTop = $(window).scrollTop();
+  var currentBottom = $(window).scrollTop() + $(window).height();
+  var pageBottom = $('#EOF').offset().top;
+  
+  var meetUnread = false
+  var currentIndex = -1
+  elems.each(function(idx){
+    var elemTop = $(this).offset().top;
+    var id = $(this).attr('id');
+    var navElem = $('#' + id+ '-nav');
+    if(currentTop + $(this).height() >= elemTop || currentBottom >= pageBottom){
+      navElem.addClass('toc-active');
+    } else {
+      if (meetUnread == false) {
+        meetUnread = true
+        currentIndex = idx - 1
+      }
+      navElem.removeClass('toc-active');
+    }
+  })
+  if (currentIndex==-1) {
+    currentIndex = elems.length - 1;
+  }
+  //console.log(elems[currentIndex].id);
+  //Collapse them
+  collapseOthers("#"+elems[currentIndex].id+"-nav");
+}
+var collapseOthers = function (currentId) {
+  //console.log(currentId);
+  $(currentId).parents(".collapse").each(function(idx){
+    $(this).collapse("show");
   });
+  $(currentId).parent().next().filter(".collapse").collapse("show");
+  $(".collapse").not($(currentId).parents()).not($(currentId).parent().next()).each(function(idx){
+    $(this).collapse("hide");
+  });
+
+}
+$().ready(function(){
+  spy();
+  $(window).bind('scroll', spy);
 });
\ No newline at end of file