jsMessage: Redesign in Vector/Monobook as bubble with auto-hide

[lhc/web/wiklou.git] / skins / vector / vector.js

diff --git a/skins/vector/vector.js b/skins/vector/vector.js
index b24fe9d..8b719e5 100644 (file)
--- a/skins/vector/vector.js
+++ b/skins/vector/vector.js
@@ -1,36 +1,21 @@
-/*
+/**
  * Vector-specific scripts
  */
-jQuery( function( $ ) {
-
-       // For accessibility, show the menu whe 
-       // the hidden link in the menu is focused (bug 24298)
-       $( 'div.vectorMenu' ).each( function() {
-               var self = this;
-               var focused = false;
-               $( 'h5:first a:first', this )
-                       .click( function( e ) {
+jQuery( function ( $ ) {
+       $( 'div.vectorMenu' ).each( function () {
+               var $el = $( this );
+               $el.find( 'h5:first a:first' )
+                       // For accessibility, show the menu when the hidden link in the menu is clicked (bug 24298)
+                       .click( function ( e ) {
+                               $el.find( '.menu:first' ).toggleClass( 'menuForceShow' );
                                e.preventDefault();
                        } )
-                       // Blur the link if it was focused before the click
-                       .mousedown( function( e ) {
-                               focused = $( this ).is( ':focus' );
+                       // When the hidden link has focus, also set a class that will change the arrow icon
+                       .focus( function () {
+                               $el.addClass( 'vectorMenuFocus' );
                        } )
-                       .mouseup( function( e ) {
-                               if ( focused ) {
-                                       $( this ).blur();
-                               }
-                               e.preventDefault();
-                       } )
-                       // When the hidden link has focus, show the menu
-                       // and set a class that will change the arrow icon
-                       .focus( function() {
-                               $( '.menu:first', self ).addClass( 'menuForceShow' );
-                               $( self ).addClass( 'vectorMenuFocus' );
-                       } )
-                       .blur( function() {
-                               $( '.menu:first', self ).removeClass( 'menuForceShow' );
-                               $( self ).removeClass( 'vectorMenuFocus' );
+                       .blur( function () {
+                               $el.removeClass( 'vectorMenuFocus' );
                        } );
        } );
-});
+} );