Fix #775 - Animation / positioning sequence

Position / set dimensions of menu before doing animation.
Add this.element.trigger('blur') to close()

Hide menu for animation effects.

Some animation effects (e.g. fade) require the menu to be hidden and shown w/ the effect to work properly.
For example, if the menu is already displayed, fade will make it hidden.

Author: SteveTheTechie

src/jquery.multiselect.js

@@ -1381,25 +1381,26 @@
       // set the scroll of the checkbox container
       this.$checkboxes.scrollTop(0);
 
-      // show the menu, maybe with a speed/effect combo
+      // Show the menu, set its dimensions, and position it.
+      $menu.css('display','block');
+      this._setMenuWidth();
+      this._setMenuHeight();
+      this.position();
+
+      // Do any specified open animation effect after positioning the menu.
       if (!!effect) {
+         // Menu must be hidden for some effects (e.g. fade) to work.
+         $menu.css('display','none');
          if (typeof effect == 'string') {
-            $.fn.show.call($menu, effect, this.speed);
+            $menu.show(effect, this.speed);
          }
          else if (typeof effect == 'object' && effect.constructor == Array) {
-            $.fn.show.call($menu, effect[0], effect[1] || this.speed);
+            $menu.show(effect[0], effect[1] || this.speed);
          }
          else if (typeof effect == 'object' && effect.constructor == Object) {
-            $.fn.show.call($menu, effect);
+            $menu.show(effect);
          }
       }
-      else {
-         $menu.css('display','block');
-      }
-
-      this._setMenuWidth();
-      this._setMenuHeight();
-      this.position();
 
       // focus the first not disabled option or filter input if available
       var filter = $header.find(".ui-multiselect-filter");
@@ -1439,20 +1440,21 @@
       // hide the menu, maybe with a speed/effect combo
       if (!!effect) {
          if (typeof effect == 'string') {
-            $.fn.hide.call($menu, effect, this.speed);
+            $menu.hide(effect, this.speed);
          }
          else if (typeof effect == 'object' && effect.constructor == Array) {
-            $.fn.hide.call($menu, effect[0], effect[1] || this.speed);
+            $menu.hide(effect[0], effect[1] || this.speed);
          }
          else if (typeof effect == 'object' && effect.constructor == Object) {
-            $.fn.hide.call($menu, effect);
+            $menu.hide(effect);
          }
       }
       else {
          $menu.css('display','none');
       }
 
       $button.removeClass('ui-state-active').trigger('blur').trigger('mouseleave');
+      this.element.trigger('blur');    // For jQuery Validate
       this._isOpen = false;
       this._trigger('close');
       $button.trigger('focus');