Untitled

<html>
    <head>
                <style type="text/css" media="screen">
                        .ativo {
                                color: red;
                        }
                        body {
                                color: yellow;
                        }
                </style>
        <script src="jq.js" type="text/javascript" charset="utf-8"></script>
                <script type="text/javascript" charset="utf-8">
                        $(function(){
                                alert('dom ready');
                                $('ul#lista li a').click(function(){
                                        $('a.ativo').toggleClass('ativo');
                                        $(this).toggleClass('ativo');
                                        return false;
                                });
                        });
                </script>
    </head>
    <body>
                <ul id="lista">
                    <li>
                        <a href="#link1">Link 1</a>
                    </li>
                    <li>
                        <a href="#link2">Link 2</a>
                    </li>
                    <li>
                        <a href="#link3">Link 3</a>
                    </li>
                </ul>
    </body>
</html>