WordPress 4.3-scripts

[autoinstalls/wordpress.git] / wp-content / themes / twentyfifteen / js / functions.js

diff --git a/wp-content/themes/twentyfifteen/js/functions.js b/wp-content/themes/twentyfifteen/js/functions.js
index eeeecd2246b07b849e5c6e2a992997eb084b8c92..9adad87e39ba92a0302059f39217326199809761 100644 (file)
--- a/wp-content/themes/twentyfifteen/js/functions.js
+++ b/wp-content/themes/twentyfifteen/js/functions.js
@@ -9,23 +9,39 @@
        var $body, $window, $sidebar, adminbarOffset, top = false,
            bottom = false, windowWidth, windowHeight, lastWindowPos = 0,
            topOffset = 0, bodyHeight, sidebarHeight, resizeTimer,
-               secondary, button;
-
-       // Add dropdown toggle that display child menu items.
-       $( '.main-navigation .menu-item-has-children > a' ).after( '<button class="dropdown-toggle" aria-expanded="false">' + screenReaderText.expand + '</button>' );
-
-       // Toggle buttons and submenu items with active children menu items.
-       $( '.main-navigation .current-menu-ancestor > button' ).addClass( 'toggle-on' );
-       $( '.main-navigation .current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );
-
-       $( '.dropdown-toggle' ).click( function( e ) {
-               var _this = $( this );
-               e.preventDefault();
-               _this.toggleClass( 'toggle-on' );
-               _this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
-               _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
-               _this.html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand );
-       } );
+           secondary, button;
+
+       function initMainNavigation( container ) {
+               // Add dropdown toggle that display child menu items.
+               container.find( '.menu-item-has-children > a' ).after( '<button class="dropdown-toggle" aria-expanded="false">' + screenReaderText.expand + '</button>' );
+
+               // Toggle buttons and submenu items with active children menu items.
+               container.find( '.current-menu-ancestor > button' ).addClass( 'toggle-on' );
+               container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );
+
+               container.find( '.dropdown-toggle' ).click( function( e ) {
+                       var _this = $( this );
+                       e.preventDefault();
+                       _this.toggleClass( 'toggle-on' );
+                       _this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
+                       _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
+                       _this.html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand );
+               } );
+       }
+       initMainNavigation( $( '.main-navigation' ) );
+
+       // Re-initialize the main navigation when it is updated, persisting any existing submenu expanded states.
+       $( document ).on( 'customize-preview-menu-refreshed', function( e, params ) {
+               if ( 'primary' === params.wpNavMenuArgs.theme_location ) {
+                       initMainNavigation( params.newContainer );
+
+                       // Re-sync expanded states from oldContainer.
+                       params.oldContainer.find( '.dropdown-toggle.toggle-on' ).each(function() {
+                               var containerId = $( this ).parent().prop( 'id' );
+                               $( params.newContainer ).find( '#' + containerId + ' > .dropdown-toggle' ).triggerHandler( 'click' );
+                       });
+               }
+       });
 
        secondary = $( '#secondary' );
        button = $( '.site-branding' ).find( '.secondary-toggle' );