Untitled

<html>
<head>
<script type="text/javascript" src="skeg/mootools.js">
</script>
<script type="text/javascript">
    window.addEvent('domready', function(){
        new Accordion($('accordion'), '#accordion h2', '#accordion .content');
    });
</script>
<style type="text/css">
#accordion  {
    margin: 20px 0 0;
    max-width: 400px;
}
#accordion H2 {
    background: #6B7B95;
    color: white;
    cursor: pointer;
    font: 12px Helvetica, Arial, sans-serif;
    line-height: 16px;
    margin: 0 0 4px 0;
    padding: 3px 5px 1px;
}
#accordion .content {
    background-color: #F4F5F5;
}
#accordion .content p {
    margin: 0.5em 0;
    padding: 0 6px 8px 6px;
}
</style>
    <title>Untitled Document</title>
</head>

<body>

<div id="accordion">
    <h2>What is MooTools?</h2>
    <div class="content">
        <p>MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.</p>
        <p>It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.</p>
    </div>
    <h2>Cool! What licence does it have?</h2>
    <div class="content">
        <p>MooTools is released under the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance.</p>
    </div>
    <h2>What browsers does it support?</h2>
    <div class="content">
        <p>MooTools is compatible and fully tested with Safari&nbsp;3+, Internet Explorer&nbsp;6+, Firefox&nbsp;2+ (and browsers based on gecko), Opera&nbsp;9+, and Chrome&nbsp;4+.</p>
    </div>
</div>
</body>
</html>