Не получается изменить код jquery

[GoloArt]

<!-- The JavaScript -->

        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

        <script type="text/javascript">

        $(function() {

            $('#menu > li').hover(

                function () {

                    var $this = $(this);

                    $('a',$this).stop(true,true).animate({

                            'bottom':'-15px'

                        }, 300);

                    $('i',$this).stop(true,true).animate({

                            'top':'-10px'

                        }, 400);

                },

                function () {

                    var $this = $(this);

                    $('a',$this).stop(true,true).animate({

                            'bottom':'-95px'

                        }, 600);

                    $('i',$this).stop(true,true).animate({

                            'top':'1px'

                        }, 200);

                }

            );

        });

        </script>

этот код работает так: при наводке на место где код, всплывает меню, убираеш мышку и оно исчезает.

нужно изменить на:
чтоб при нажатии кнопки (в другом углу страницы), открывалось меню, а при повторном клике - закрывалось.

Буду очень благодарен тем, кто хоть попытается мне помочь)))

[Pavel M.]

Разместите кнопку

<button>Кнопка в другом углу страницы</button>

и код типа этого

$("button").toggle(
  function () {
     // код, который открывает
  },
  function () {
    // код, который закрывает
  }
);

вместо этих двух функций поместите ваши из примера сверху, которые были в hover
только var $this = ... в них поменяйте