Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Re: showOnClick option for the second-level sub menus

Home › Forums › Older releases › 0.9.x › showOnClick option for the second-level sub menus › Re: showOnClick option for the second-level sub menus

September 29, 2014 at 11:47 #1748
Elizabeth_Keen
Participant

In this example you hide all the and show the which is it’s sibling, which would ultimately hide the first level of the li and show the second. HTML

  • first

      back

    • Second layer Menu 1
    • Second layer Menu 1
    • Second layer Menu 1
    • Second layer Menu 1

CSS:

.second-layer{
display: none;
}

.hide a{
display: none;
}

.show a{
display: none;
}

.show a.back{
display:block;
}

.show .second-layer{
display: block;
}

JQuery:

$(‘.forward’).click(function(){
$(this).parent().addClass(‘show’);
$(this).parent().parent().addClass(‘hide’);
});

$(‘.back’).click(function(){
$(this).parent().parent().removeClass(‘show’);
$(this).parent().parent().parent().removeClass(‘hide’);
});

For innovative methodologies in Web Apps visit http://www.ati-erp.com