jquery: Contoh Accordion Menggunakan JQuery

Unordered List with anchors and nested lists. Title 2 also demonstrates how to add a second level list.
Take a look at the source code to see how easy it's done!

<ul id="theMenu">
            <li style="position: static;">
                <h3 class="head"><a href="javascript:;">Title 1</a></h3>
                <ul style="display: none;">
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 1 1</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 1 2</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 1 3</a></li>
                </ul>
            </li>
            <li>
                <h3 class="head"><a href="javascript:;">Title 2</a></h3>
                <ul style="display: none;">
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 2 1</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 2 2</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 2 3</a></li>
                </ul>
            </li>
            <li>
                <h3 class="head"><a href="javascript:;">Title 3</a></h3>
                <ul style="display: none;">
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 3 1</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 3 2</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 3 3</a></li>
                </ul>
            </li>
            <li>
                <h3 class="head"><a href="javascript:;">Title 4</a></h3>
                <ul style="display: none;">
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 4 1</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 4 2</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 4 3</a></li>
                </ul>
            </li>
            <li>
                <h3 class="head"><a href="javascript:;">Title 5</a></h3>
                <ul style="display: none;">
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 5 1</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 5 2</a></li>
                    <li><a href="http://komputerbelajar.blogspot.com/">Content 5 3</a></li>
                </ul>
            </li>
        </ul>

dowload source lengkap disini