Mobile Expand and Collapse

[mckneisler]

First of all, I’d like to thank you for all the work you’ve put into this menu system. It’s an elegant solution and extremely easy to implement.

Ultimately what I’d like to do is have the mobile version collapse on a resize and when expanded I’d like for it to open at the current selected item. I’d like for the desktop version to behave exactly as designed. Currently I’m using w3schools color themes to indicate which menu levels have been selected. The w3-theme-l3 class indicates that this is the current item.

As it stands, I cannot seem to get the itemActivate to work at all. If anyone has a clue as to what I’m doing incorrectly, please advise. I’m attempting to use this method in the click event of the toggle button and also in the show event of the leftnav menu. Both of these are defined at the top of my custom javascript.

My example can be found at https://jsfiddle.net/mckneisler/764x9kaw/11/.

Thanks in advance!!

[Author]

Posts