Untitled

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Demo Expandable list</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection">
        <script type="text/javascript" src="js/jquery-1.4.2.min.js">
        </script>
        <script type="text/javascript" src="js/scripts.js">
        </script>
    </head>
    <body>
        <h1><b>Demo ExpandableList</b></h1>
        <div id="listContainer">
            <div class="listControl">
                <a id="expandList">Expand All</a>
                <a id="collapseList">Collapse All</a>
            </div>
            <ul id="expList">
                <li>
                    <font color="green">Item1</font>
                    <ul>
                        <li>
                                                        hi!
                        </li>
                    </ul>
                </li>
                <li>
                    Item2
                    <ul>
                        <li>
                                                        hi!
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </body>
</html>