Диалоговое окно Jquery - не постепенно исчезает перед закрытием

У меня есть отделение (поле) на моей странице, и я использую этот сценарий для отображения отделения как диалогового окна. В том отделении у меня есть ссылка hyper, По щелчку ссылки hyper, я хочу постепенно исчезнуть диалоговое окно и близко.. Содержание диалогового окна постепенно исчезает, но граница диалогового окна остается тем же. Если я добавляю $ (" #box") .dialog ('близкий') к функции щелчка после fadeto нет никакого эффекта.. это просто закрывает диалоговое окно полностью. Какая-либо справка? использование jquery-ui-1.7.2

<script type="text/javascript">
            $(document).ready(function(){
                 $("a#later").click(function () { 

                $("#box").fadeTo('slow', 0);
                 })
             });
            $(function () {
                $("#box").dialog({
                    autoOpen: true,
                    width: 500,
                    modal: true,

                });
            });
</script>