drive collapsibles by html

and close them per javascript for small screens
Edirom · Aug 20, 2023 · a29a965 · a29a965
1 parent 0bdd304
commit a29a965
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/resources/js/init.js b/resources/js/init.js
@@ -651,12 +651,11 @@ $.fn.initPortraitCredits = function() {
 $(".portrait").initPortraitCredits();
 
 
+/* 
+ * Close all side menu collapsibles for small screens
+ */
 $(window).on("load", function () {
-    if ($(this).width() > 767) {
-        /* Open the first collapsable filter – that is not "settings" – by default */
-        $('.side-col .collapse:not(#settings)').first().collapse('show');
-    } else {
-        /* Close all collapsibles (needed for already opened filter on register page) */
+    if ($(this).width() < 768) {
         $('.side-col .collapse').collapse('hide');
         $(window).scrollTop(0);
     }

diff --git a/templates/document.html b/templates/document.html
@@ -59,15 +59,15 @@ <h1 class="document" data-template="app:document-title">CARL MARIA VON WEBER AN
                     <div data-template="templates:include" data-template-path="templates/includes/settings.html"/>
                     <div data-template="app-shared:if-matches" data-template-key="docType" data-template-value="diaries">
                         <h2>
-                            <a href="#datePicker" data-template="lang:translate" class="collapseSingle collapsed" aria-expanded="false" data-toggle="collapse">calendar</a>
+                            <a href="#datePicker" data-template="lang:translate" class="collapseSingle" aria-expanded="true" data-toggle="collapse" role="button">calendar</a>
                         </h2>
-                        <div class="panel-collapse collapse" id="datePicker" data-template="app:inject-api-base"/>
+                        <div class="panel-collapse collapse show" id="datePicker" data-template="app:inject-api-base"/>
                     </div>
                     <div>
                         <h2>
-                            <a href="#dokument" data-template="lang:translate" class="collapseSingle collapsed" aria-expanded="false" data-toggle="collapse">document</a>
+                            <a href="#dokument" data-template="lang:translate" class="collapseSingle" aria-expanded="true" data-toggle="collapse" role="button">document</a>
                         </h2>
-                        <div id="dokument" class="panel-collapse collapse">
+                        <div id="dokument" class="panel-collapse collapse show">
                             <!-- Nav tabs -->
                             <ul class="nav nav-tabs">
                                 <li class="nav-item gradient-light">