Optimized javascript code for sidebar menu

templates/partials/sidebar_navigation.html.twig

@@ -45,3 +45,15 @@
     {% endif %}
   </ul>
 {% endblock %}
+
+{% block javascripts %}
+<script>
+if ((window.innerWidth || document.documentElement.clientWidth) < 980){ 
+  /* Script for dropdown menu in sidebar */
+  $(".subitem_hide").hide(); /* this hides the list initially */
+      $(".dropdown-btn").click(function () {
+      $(this).next(".subitem_hide").slideToggle();
+  });
+  }
+</script>
+{% endblock %}

templates/partials/sidebar_right.html.twig

@@ -47,17 +47,4 @@
     </section>
 
   {% endif %}
-</section>
+</section>
-<script>
-  {% if p.routable == false and p.children.count > 0 %}
-    $(".subitem_hide").hide(); // this hides the list initially
-    $(".dropdown-btn").click(function () {
-      $(this).next(".subitem_hide").slideToggle();
-    });
-  {% else %}
-    $(".subitem").attr("style", "display:block"); // this shows the list if it is routable
-    $(".dropdown-btn").click(function () {
-      $(this).next(".subitem_hide").slideToggle();
-    });
-  {% endif %}
-</script>