Beginners question about slide effect

Beginners question about slide effect

I want a menu at the top of the page. When I press a button in the menu the content of the page slides up, the content changes and it slides down. I've done this so far, but how can I do a more dynamic solution without having different divs for each menu item?

js:


         <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function(){
                $('#f1').click(function() {
                    a("1");
                });
                $('#f2').click(function() {
                    a("2");
                });
                $('#f3').click(function() {
                    a("3");
                });
                function a(info) {
                    $('#content').slideUp("normal");
                    document.getElementById('content').innerHTML = info;
                    $('#content').slideDown("normal");
                };
            });
        </script>



















html:

          <div id="f1"><a href="#">Menu 1</a></div>
        <div id="f2"><a href="#">Menu 2</a></div>
        <div id="f3"><a href="#">Menu 3</a></div>
        <div id="content">Chose something in the menu</div>