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:

  1. after click on home menu (1.2), if settings menu(1.1) open, should closed.
  2. if 2.1.1 open , click 2.2.1,then 2.1.1 should close.
  3. 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

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -