Hi!

I want to reuse examples of 
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
for an accordion.

Here is Html code:

<div class="accordion">
<ul>
<li>
        <h3>Question One Sample Text</h3>
        <ul>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi
malesuada, ante at feugiat tincidunt, enim massa gravida metus,
commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla
neque vitae odio. Vivamus vitae ligula.</li>
        </ul>
</li>
<li>
        <h3>This is Question Two</h3>
        <ul>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi
malesuada, ante at feugiat tincidunt, enim massa gravida metus,
commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla
neque vitae odio. Vivamus vitae ligula.</li>
        </ul>
</li>
<li>
        <h3>Another Questio here</h3>
        <ul>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi
malesuada, ante at feugiat tincidunt, enim massa gravida metus,
commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla
neque vitae odio. Vivamus vitae ligula.</li>
        </ul>
</li>
<li>
        <h3>Sample heading</h3>
        <ul>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi
malesuada, ante at feugiat tincidunt, enim massa gravida metus,
commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla
neque vitae odio. Vivamus vitae ligula.</li>
        </ul>
</li>
<li>
        <h3>Sample Question Heading</h3>
        <ul>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi
malesuada, ante at feugiat tincidunt, enim massa gravida metus,
commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla
neque vitae odio. Vivamus vitae ligula.</li>
        </ul>
</li>
</ul>

Here is my custom accordion code wich doesn't work:

<script type="text/javascript">
$(document).ready(function(){

        $(".accordion ul li h3:first").addClass("active");
        $(".accordion ul li ul li:not(:first)").hide();

        $(".accordion ul li h3").click(function(){
                $(this).next("ul li").slideToggle("slow")
                .siblings("ul li:visible").slideUp("slow");
                $(this).toggleClass("active");
                $(this).siblings("ul li h3").removeClass("active");
        });

});
</script>

I don't see errors... :) Thanks for your help!

B.I.

Reply via email to