jQuery submenu like an accordion

Question

on the webpage oshadi-yoga.ch i like to get an navigation menu with a list like this:

    
Yoga
        


        

Answer 1

I should rewrite the code al little

<ul>
    <li class="section-title"><span>Yoga</span>
        <ul style="display: none;">
            <li><a href="/">Approach</a></li>
            <li><a href="/">Asanas</a></li>
            <li><a href="/">Yoga</a></li>
            <li><a href="/">Kirtan</a></li>
        </ul>
    </li>
</ul>

Added a span.

jQuery:

$('.section-title > span').on('click', function()
{
    $(this).siblings('ul').slidetoggle();
});

I hope this helps a little (or misunderstood I the question a bit?)