How to force button to be UP.

How to force button to be UP.

Dear,

I would like to make an slide-up menu like the one on link .

So I have created menu like:
  1. <ul id="navigation">
     <li class="home"><a title="Home"></a></li>
     <li class="about"><a title="About"></a></li>
     <li class="search"><a title="Search"></a></li>
     <li class="photos"><a title="Photos"></a></li>
     <li class="rssfeed"><a title="Rss Feed"></a></li>
     <li class="podcasts"><a title="Podcasts"></a></li>
    </ul>






And add some animation:

  1.         <script type="text/javascript">
                $(function() {
                    $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

                   
                   
                    $('#navigation > li').hover(
                        function () {
                            $('a',$(this)).stop().animate({'marginLeft':'-2px'},1000);
                        },
                        function () {
                            $('a',$(this)).stop().animate({'marginLeft':'-85px'},500);
                        }

                    );
                });
            </script>















And this works perfect. When you hover menu goes out and when you leave a location button goes in. Now I would like to program that when I click a button it stays in out position but I don't know how to do it. Please help.

Regards,
Igor