Add .js to keep left nav expanded

Author: svekars

_static/js/custom.js

@@ -0,0 +1,12 @@
+document.addEventListener("DOMContentLoaded", function() {
+  // Select all <li> elements with the class "toctree-l1"
+  var toctreeItems = document.querySelectorAll('li.toctree-l1');
+  toctreeItems.forEach(function(item) {
+    // Check if the item has a nested <ul>
+    var nestedList = item.querySelector('ul');
+    if (nestedList) {
+      // Display the nested list by default
+      nestedList.style.display = 'block';
+    }
+  });
+});

conf.py

@@ -238,7 +238,7 @@ def reset_seeds(gallery_conf, fname):
 html_logo = '_static/img/pytorch-logo-dark.svg'
 html_theme_options = {
     'pytorch_project': 'tutorials',
-    'collapse_navigation': True,
+    'collapse_navigation': False,
     'display_version': True,
     'navigation_with_keys': True,
     'logo_only': False,
@@ -308,6 +308,10 @@ def reset_seeds(gallery_conf, fname):
         'css/custom2.css'
     ]
 
+html_js_files = [
+    "js/custom.js",
+]
+
 def setup(app):
     # NOTE: in Sphinx 1.8+ `html_css_files` is an official configuration value
     # and can be moved outside of this function (and the setup(app) function

index.rst

@@ -915,7 +915,6 @@ Additional Resources
    See All Prototype Recipes <prototype/prototype_index>
 
 .. toctree::
-   :maxdepth: 3
    :hidden:
    :includehidden:
    :caption: Introduction to PyTorch
@@ -924,7 +923,7 @@ Additional Resources
    beginner/introyt/introyt
 
 .. toctree::
-   :maxdepth: 2
+   :maxdepth: 1
    :hidden:
    :includehidden:
    :caption: Learning PyTorch
@@ -968,7 +967,7 @@ Additional Resources
    intermediate/forced_alignment_with_torchaudio_tutorial
 
 .. toctree::
-   :maxdepth: 2
+   :maxdepth: 1
    :includehidden:
    :hidden:
    :caption: Backends
@@ -987,7 +986,7 @@ Additional Resources
    advanced/pendulum
 
 .. toctree::
-   :maxdepth: 2
+   :maxdepth: 1
    :includehidden:
    :hidden:
    :caption: Deploying PyTorch Models in Production