Comment personnaliser jquery autocomplete pour afficher dans un DIV

Je me demande simplement, j'ai utilisé des plugins autocomplis avant, mais l'exemple sur le site de jquery semble très simple et utile:

$(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", ]; $( "#tags" ).autocomplete({ source: availableTags }); }); <div class="demo"> <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags"> </div> </div> 

Cependant, les résultats affichés sont chacun dans les boîtes de saisie. Et lorsque vous cliquez à l'écart des résultats, ils disparaissent.

1) J'ai besoin que les résultats ne disparaissent pas, tant qu'il y a du texte dans l'entrée qui correspond à certaines valeurs du tableau, il doit l'afficher toujours.

2) Les résultats devraient apparaître comme divs. Je n'ai pas besoin de la fonctionnalité de cliquer sur l'option et de l'avoir apparu dans la zone de texte. J'essaie vraiment de faire une recherche instantanée dynamique.

Cordialement, taylor.

Un hack drôle pour que l'ouverture automatique s'ouvre (cela ne répond pas à votre question, mais peut-être peut-être utile pour y arriver):

http://jsfiddle.net/WUxPd/

 $("#tags").autocomplete({ source: availableTags, close: function(event, ui) { $('.ui-autocomplete').css('display', 'block') } });