title: jqueryUI autocomplete menu show effect
body: <p>I spend half of a day trying to apply fade effect for autocomplete drop down menu...
  The final result is very uncomfortable for me - look like 'lucky shoot', not real solution.</p>
  
  <p>I used jqueryui default demo for example, and add lines:</p>
  
  <pre><code>var acMenu = $("#tags").data().autocomplete.menu.activeMenu;
  acMenu._basehide = acMenu.hide;
  acMenu.hide = function(){
        this._basehide("fade","slow");
        };
  acMenu._baseshow = acMenu.show;
  acMenu.show = function(){
        this._baseshow("fade","slow");
        }; 
  </code></pre>
  
  <p>The whole file looks like (&copy; for www.jqueryui.com):</p>
  
  <pre><code>&lt;!doctype html&gt;
  
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;jQuery UI Autocomplete - Default functionality&lt;/title&gt;
    &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /&gt;
    &lt;script src="http://code.jquery.com/jquery-1.8.3.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt;
    &lt;script&gt;
    $(function() {
      var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
      ];
      $( "#tags" ).autocomplete({
        source: availableTags
      });
  
      var acMenu = $("#tags").data().autocomplete.menu.activeMenu;
      acMenu._basehide = acMenu.hide;
      acMenu.hide = function(){
            this._basehide("fade","slow");
            };
      acMenu._baseshow = acMenu.show;
      acMenu.show = function(){
            this._baseshow("fade","slow");
            }; 
  
    });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="ui-widget"&gt;
    &lt;label for="tags"&gt;Tags: &lt;/label&gt;
    &lt;input id="tags" /&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can you suggest me better solution ?</p>
  
  <p>Thanks!</p>