如何让幻灯片切换到ul li上工作

Question

如何在ul li上进行幻灯片切换。这是脚本：

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $('#horiznav ul li a').click(function() {
            $('#hiddencontent').slideToggle();
     }); // end document ready
</script>

html：

<div id="horiznav">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="aboutus.html">About Us</a></li>
        <li><a href="media.html">Media</a></li>
        <li><a href="shows.html">Shows</a></li>
        <li><a href="contactus.html">Contact Us</a></li>
    </ul>
</div>