Ticket #4476: 4467.diff

js/chapters.js

@@ -19 +19 @@
         }
 
         // Add our expandable button
-        tocContainer.find( '> ul > .menu-item-has-children > a' )
+        tocContainer.find( '> ul .menu-item-has-children > a' )
                 .wrap( '<div class="expandable"></div>' )
                 .after( '<button class="dashicons dashicons-arrow-down-alt2" aria-expanded="false"></button>' );
 
         // Invisibly open all of the submenus
-        jQuery( '.menu-item-has-children > ul ul' ).addClass( 'default-open' );
+        jQuery( '.menu-item-has-children > ul ul' ).hide();
 
         // Open the current menu
         tocContainer.find( '.current-menu-item a' ).first()
@@ -34 +34 @@
                 .find( '> div > .dashicons' )
                         .attr( 'aria-expanded', true );
 
+        // Open the current submenu.
+        tocContainer.find( '.current-menu-item > ul' ).show();
+
         // Or if wrapped in a div.expandable
         jQuery( '.menu-item-has-children > div > .dashicons' ).click( function() {
                 var menuToggle = jQuery( this ).closest( '.menu-item-has-children' );

package.json

@@ -14 +14 @@
         "matchdep": "~0.3.0"
     }
 }
-

scss/main.scss

@@ -545 +545 @@
                         width: 640px;
                         margin: 0 auto;
                 }
-                
+
         }
         .color.section {
                 color: #fff;
@@ -1282 +1282 @@
                 .comment-list li.depth-1,
                 #comment-preview {
                         border: 1px solid #dfdfdf;
-                        border-radius: 2px;     
+                        border-radius: 2px;
                         width: 100%;
                 }
 
@@ -1696 +1696 @@
                 a {
                         font-size: 68.6646px;
                         font-size: 6.86646rem;
-                
+
                         @media (max-width: 500px) {
                                 font-size: 50px;
                                 font-size: 5rem;
@@ -2131 +2131 @@
                 display: block;
         }
         .current-menu-ancestor:not(.open) .expandable .dashicons:not(:focus),
-        .current-menu-item .expandable .dashicons:not(:focus) {
+        .current-menu-item > .expandable .dashicons:not(:focus) {
                 background: #fff;
                 color: #0073aa;
         }

stylesheets/main.css

@@ -2517 +2517 @@
 }
 
 div[class*="-table-of-contents-container"] .current-menu-ancestor:not(.open) .expandable .dashicons:not(:focus),
-div[class*="-table-of-contents-container"] .current-menu-item .expandable .dashicons:not(:focus) {
+div[class*="-table-of-contents-container"] .current-menu-item > .expandable .dashicons:not(:focus) {
   background: #fff;
   color: #0073aa;
 }