3 LEVEL MEGA MENU 1

We require the development of a Navigation Menu The menu will look and function like the one on [login to view URL] The menu will have 3 levels of depth ---------- Level 1: [Women, Men] ---------- Level 2: [Clothing, Shoes, Accessories, etc] Level 3: [Dresses, skirts, tops, trousers, etc] ---------- Level 1 behaves differently from 2&3... When you click a level 1 item eg. "Women", it changes the rest of the menu beneath it. And even when you reload the page, it should remember that you are viewing the women page and menu as the new default. The best way to help achieve this is if we have 2 separate homepages like this: - [login to view URL] - [login to view URL] When user hovers over Level 2, the menu expands to reveal Level 3, and user can then select a Level 3 item from the Level 2 collections. The full list of menu items will be provided separately. The 1st time a user visits the site @ the URL: [login to view URL]: - we don't know (?) if they want to view MEN or WOMEN items. - so (!) we show them a generic landing page @ [login to view URL] - We only show them the Level 1 Menu: MEN / WOMEN - We DO NOT show Level 2/3 menu - We also show a header, generic banner, footer, etc ------------------------------------------ When the user clicks on their option (of MEN / WOMEN) from the Level1 menu, we REDIRECT them (accordingly) to: - the MEN landing page @ [login to view URL] - Or WOMEN landing page @ [login to view URL] We SAVE this Gender choice in the Browser's LOCAL STORAGE very easily with: [login to view URL]('L1_selection', 'MEN'); ------------------------------------------ - Anytime a user visits the main site [login to view URL], we CHECK their LOCAL STORAGE item: localStorage getItem('L1_selection'); And if we find that it equals 'MEN', we redirect them to [login to view URL] And if we find that it equals 'WOMEN', we redirect them to [login to view URL] ------------------------------------------ Once the user arrives or reloads the page @ [login to view URL] or [login to view URL] : - We Automatically SHOW the Level 2 menu for that Gender choice. - And we Set/Update the Browser's LOCAL STORAGE item to the Gender they are currently viewing. - This page shows a Banner and Collections of items related to that Gender. - Anytime the user clicks on Level1 MEN or WOMEN, we once again REDIRECT them accordingly to : [login to view URL] or [login to view URL] !!!