jQuery autocompletado marcas discapacitados Autocompletar parcialmente transparente, no discapacitados

Question

Estoy usando la función "autocompletar" de la interfaz de usuario jQuery en una búsqueda en mi sitio. Cuando se cambia un botón de opción de 'área de búsqueda" a 'búsqueda de nombre de' yo quiero que deshabilitar la función de autocompletar, y volver a activarlo cuando se cambia de nuevo. Sin embargo, cuando se deshabilita la función de autocompletar no oculta el menú desplegable, se Sólo se atenúa al 20% de opacidad o así que aquí está mi javascript:.

var allFields = new Array(<?php echo $allFields ?>);

$(document).ready(function() {

    if ($("input[name='searchType']:checked").val() == 'areaCode') {
        $("#siteSearch").autocomplete({
            source: allFields,
            minLength: 2
        });
    }

    $("input[name='searchType']").change(function(){
        if ($("input[name='searchType']:checked").val() == 'areaCode') {
            $( "#siteSearch" ).autocomplete( "option", "disabled", false );
            alert("enabled");
        }
        else {
            $( "#siteSearch" ).autocomplete( "option", "disabled", true );
            alert("disabled");
        }

    });

});

Se puede ver que pasa en http://crewinyourcode.com

En primer lugar tiene que elegir un código de área a buscar, y luego se puede ver el tema.

EDIT: Soy consciente de que tiene que elegir un código de área antes de que le dará la opción de tipos de búsqueda interruptor. Si vas a este URL tendrá dos de ellos de inmediato: http://crewinyourcode.com/search/choose-category/732/

Answer 1

Sólo añadió una regla CSS para visualizar: oculta el cuadro de autocompletar. No hay problema.