Menu icon Foundation
How to use a tags with data-toggle-focus?

Hi There,

I have a dropdown menu that's content should only be visible when clicked on the burger icon. I decided to go for the data-toggle-focus. Yet the list items in the menu are links to other parts, which are not working. The toggle-focus closes the list back because it unfocuses the toggle if I click on it. 

Could anyone give me a hint on how to prevent this behaviour?

Thanks a lot!

TG

plugin toggle data-toggle link

Hi There,

I have a dropdown menu that's content should only be visible when clicked on the burger icon. I decided to go for the data-toggle-focus. Yet the list items in the menu are links to other parts, which are not working. The toggle-focus closes the list back because it unfocuses the toggle if I click on it. 

Could anyone give me a hint on how to prevent this behaviour?

Thanks a lot!

TG

Rafi Benkual 10 months ago

Toggle focus is for inputs. You might have better luck using the regular toggler.

TheGabornator 10 months ago

Hi Ralf, thank you. I'm afraid, the "normal" toggle is not the best option for me, as the dropdown menu will then only disappear if I click on the burger icon specifically. I would need something in between the focus and the normal toggler.