javascript - one dropdown close on other dropdown opening bootstrap -
i have navigation menu structure goes as:
1)settings 1.1)settings1 1.2)settings2 2)home 2.1)home1 2.1.1) home1.1 2.2)home2 2.2.1)home1.2
- step 1 - when open settings, dropdown appears showing 1.1settings1 , 1.2 settings2
- step 2 - after if click on home, it's drop-down appears showing 2.1 , 2.2.
- step 3 - further when click home1, opens 2.1.1.
- step 4 - , if click home2,it opens 2.2.1
now concerns following:
- after click on home menu (1.2), if settings menu(1.1) open, should closed.
- if 2.1.1 open , click 2.2.1,then 2.1.1 should close.
- if home open , inside home home1 open home 1.1.1,and click settings, home should close entirely, ie. home 1.1 should closed , futher on.
fiddle url: https://jsfiddle.net/hchawla13/4obzh90c/
Comments
Post a Comment