Twenty Seventeen: Fix broken menu toggle in Customizer after menu items are added

This simplifies the line `$( siteNavigation.closest( '.main-navigation' ), this ).toggleClass( 'toggled-on' );` to `$( siteNavContain ).toggleClass( 'toggled-on' );`, since `this` is the clicked button, so the extra context isn't needed.

Props afercia, laurelfulford.

Fixes #38992 for the 4.7 branch.


git-svn-id: https://develop.svn.wordpress.org/branches/4.7@39423 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2016-12-02 06:33:25 +00:00
parent 3793811761
commit 6df38cddce
1 changed files with 3 additions and 2 deletions

View File

@ -6,7 +6,7 @@
*/
(function( $ ) {
var masthead, menuToggle, siteNavigation;
var masthead, menuToggle, siteNavContain, siteNavigation;
function initMainNavigation( container ) {
@ -39,6 +39,7 @@
masthead = $( '#masthead' );
menuToggle = masthead.find( '.menu-toggle' );
siteNavContain = masthead.find( '.main-navigation' );
siteNavigation = masthead.find( '.main-navigation > div > ul' );
// Enable menuToggle.
@ -53,7 +54,7 @@
menuToggle.add( siteNavigation ).attr( 'aria-expanded', 'false' );
menuToggle.on( 'click.twentyseventeen', function() {
$( siteNavigation.closest( '.main-navigation' ), this ).toggleClass( 'toggled-on' );
$( siteNavContain ).toggleClass( 'toggled-on' );
$( this )
.add( siteNavigation )