Menu icon Foundation
How to create broader menu with multiple columns?

Hello,

i am wondering how i can create a drop down menu with multiple columns (or cells). As this is probably not supported by default, my thoughts were that i show some html code if foundation fires a "show.zf.DropdownMenu" event as documented here: https://foundation.zurb.com/sites/docs/dropdown-menu.html

$(document).on('show.zf.dropdownMenu', function() {
	console.log('DropDown!');
	alert("test");
});

 

I used (and edited) this template for testing: https://foundation.zurb.com/sites/docs/javascript.html

i also tried with $('.menu.dropdown')

but nothing happened...

I am just looking on how to catch this event...

eventjavascriptmenudropdown

Hello,

i am wondering how i can create a drop down menu with multiple columns (or cells). As this is probably not supported by default, my thoughts were that i show some html code if foundation fires a "show.zf.DropdownMenu" event as documented here: https://foundation.zurb.com/sites/docs/dropdown-menu.html

$(document).on('show.zf.dropdownMenu', function() {
	console.log('DropDown!');
	alert("test");
});

 

I used (and edited) this template for testing: https://foundation.zurb.com/sites/docs/javascript.html

i also tried with $('.menu.dropdown')

but nothing happened...

I am just looking on how to catch this event...

Kilian D. about 7 hours ago

I am still wondering if anybody has an solution for this.

That would be great!

Kilian D. about 7 hours ago

I am still wondering if anybody has an solution for this.

That would be great!