Question

I need help with following menu.

How would I get a particular submenu to stay open when a submenu item is clicked and another page is loaded.

Code on jsfiddle

Answer 1

If you reload the entire page, you have to submit some information to the new page. To achieve this, you have to modify the links of your sub menu items, or set a cookie. On page load you have to parse these information (url or cookie), and apply this to your menu. You could also use some server side code to have a pre-rendered HTML where your sub menu is already open.

In this case jsFiddle is not a good helper to show you how it could work.

EDIT:

You could do the following (untested):

Give your top menu <div> a unique ID, i.e.

<div class="menutop" id="posts">

Add a hash to each URL of a sub item i.e.

<li><a href="/Post/New#posts">Add New</a></li>

Try this hash to open the menu

$(document.location.hash).click();