Nested Accordions bug

Nested Accordions bug


Hi,
I'm trying the nested accordions written by Jörn Zaefferer.
Working based on the example from his site.
http://jquery.bassistance.de/accordion/demo/nested.html
Problems I've encountered is.
- Not sure how to hide level 2 (which has level 3 links) on load.
- Level 2.1 doesn't expand on first click, only opens on 2nd click.
- Level 2.2 doesn't slide down, but instead 'pops up'.
Any help would be much appreciated :)
Heres what I have...
<script type="text/javascript">
$(document).ready(function() {
    $(".navLevel_1").accordion({
        navigation: true,
        alwaysOpen: false,
        autoheight: false,
        clearStyle: true
    });
    $(".navLevel_2").accordion({
        navigation: true,
        alwaysOpen: false,
        autoheight: false,
        clearStyle: true
    });
});
</script>
<!-- accordion -->
<ul class="navLevel_1">
<li><a href="#">Overview</a>
                    <ul class="navLevel_2">
                        <li><a href="#">Level 2.1</a>
                            <ul>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Level 2.2</a>
                            <ul>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                            </ul>
                        </li>
                    </ul>
</li>
<li><a href="#">Consultation</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a href="#">Level 2</a></li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
                <li><a href="#">Information services</a></li>
</ul>
<!-- accordion -->