Basic Accordion (jquery UI)

by ashleycam3ron

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<body>
    <div id="menu">
         <h3>jQuery</h3>

        <div>
            <p>jQuery is a JavaScript library that makes your websites look absolutely stunning.</p>
        </div>
         <h3>jQuery UI</h3>

        <div>
            <p>jQuery UI includes even more jQuery goodness!</p>
        </div>
         <h3>JavaScript</h3>

        <div>
            <p>JavaScript is a programming language used in web browsers, and it's what powers jQuery and jQuery UI. You can learn about JavaScript in the <a href="http://www.codecademy.com/tracks/javascript" target="blank" style="text-decoration:none; color:#F39814">JavaScript track</a> here on Codecademy.</p>
        </div>
    </div>
</body>

JavaScript

$(document).ready(function () {
    $("#menu").accordion({
        collapsible: true,
        active: false
    });
});