Make parent <li> a link, navigate and expand children upon clicking.

Is this doable? The current behavior will ignore any <a href="www.link.com"> placed inside the parent <li>tag and just expand the list. It would be great for each list item to have the capability to have a link AND an expand button.

[joelion]

I would like the exact same functionality. When I click an expanding-menu, I want the menu to expand also to be redirecting to a page. In some cases, I would like to make sublinks like @adi10ain is doing. In other cases, I would like something like the following, where when I click the top-level menu item, it takes me to to the top of the page “link.html”, and the sub-menu items provide links to bookmarks elsewhere on link.html

<li>
    <a href="link.html">Parent item <span class="glyphicon arrow"></span></a>
    <ul>
        <li><a href="link.html#item2.1">item 2.1</a></li>
        <li><a href="link.html#item2.2">item 2.2</a></li>
    </ul>
</li>

[joelion]

I found a kind of work-around. How easy this is depends on what engine you’re using to create your site. I’m using Flask, so it’s pretty easy with blocks. On your main page (page1.html), you just include a link to the other page (page2.html) in the menu, with no sub-menu options. Then on the page2.html, include the sub-menus in the menu definition

page1.html

<li>
    <a href="page2.html">Parent item <span class="glyphicon arrow"></span></a>
</li>

page2.html

<li>
    <a href="page2.html">Parent item <span class="glyphicon arrow"></span></a>
    <ul>
        <li><a href="page2.html#item2.1">item 2.1</a></li>
        <li><a href="page2.html#item2.2">item 2.2</a></li>
    </ul>
</li>