diff options
author | Andrew Manning <andrew@reticu.li> | 2016-11-29 07:37:21 -0500 |
---|---|---|
committer | Andrew Manning <andrew@reticu.li> | 2016-11-29 07:37:21 -0500 |
commit | 36acd34874cd768c5329082361731cfe952475af (patch) | |
tree | e6be9bb78f43e5f9b57b397bb3ed3fe058b5ecca | |
parent | 924f796eb830b8a498c01013d9690dd071b50691 (diff) | |
download | volse-hubzilla-36acd34874cd768c5329082361731cfe952475af.tar.gz volse-hubzilla-36acd34874cd768c5329082361731cfe952475af.tar.bz2 volse-hubzilla-36acd34874cd768c5329082361731cfe952475af.zip |
Toggle section folder icon between open and closed when selected. A bug prevents it from working properly the first time a section is opened.
-rw-r--r-- | doc/toc.html | 24 |
1 files changed, 19 insertions, 5 deletions
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> |