Docs/Examples: Open panel on mobile when no page/example is selected (#32261)

Author: mrdoob

docs/index.html

@@ -1913,6 +1913,12 @@ <h2>Global</h2>
 
 			const selectedPage = window.location.hash.substring( 1 );
 
+			if ( selectedPage === '' ) {
+
+				panel.classList.add( 'open' );
+
+			}
+
 			const links = navigation.querySelectorAll( 'a' );
 
 			links.forEach( link => {

examples/index.html

@@ -110,6 +110,12 @@ <h1><a href="https://threejs.org">three.js</a></h1>
 
 			}
 
+			if ( selected === null ) {
+
+				panel.classList.add( 'open' );
+
+			}
+
 			if ( viewer.src === '' ) {
 
 				viewer.srcdoc = document.getElementById( 'PlaceholderHTML' ).innerHTML;

utils/docs/template/static/index.html

@@ -188,6 +188,12 @@ <h1><a href="https://threejs.org">three.js</a></h1>
 
 			const selectedPage = window.location.hash.substring( 1 );
 
+			if ( selectedPage === '' ) {
+
+				panel.classList.add( 'open' );
+
+			}
+
 			const links = navigation.querySelectorAll( 'a' );
 
 			links.forEach( link => {