Changeset 25757

Timestamp:

10/10/2013 03:32:59 PM (11 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: improved JS support for keyboard navigation for main navigation menu. Props obenland, see #25054.

File:

• trunk/src/wp-content/themes/twentyfourteen/js/theme.js (modified) (1 diff)

trunk/src/wp-content/themes/twentyfourteen/js/theme.js

@@ -118 +118 @@
     } );
 
-    /* Accessibility hover styles for menu. */
-    $( '.primary-navigation li' ).hover( function() {
-            $( this ).addClass( 'a11y-focus' );
-        }, function() {
-            $( this ).delay( '250' ).removeClass( 'a11y-focus' );
-        }
-    );
-    $( '.primary-navigation li a' ).on( 'focus blur', function() {
-            $( this ).parents().toggleClass( 'a11y-focus' );
-        }
-    );
-
+    /* Focus styles for primary menu. */
+    $( '.primary-navigation' ).find( 'a' ).on( 'focus.twentyfourteen blur.twentyfourteen', function() {
+        $( this ).parents().toggleClass( 'focus' );
+    });
 } )( jQuery );