Menu icon Foundation
Is data-options="" still available?

I have read elsewhere that adding to the <ul> in a menu

data-options="disableHover:true; clickOpen:true" 

Should make a dropdown menu open only click.

It doesn't seem to work for me. Is data-options="x" still available in 6.3 or has the syntax changed?

menuopen-on-clickdata-options

I have read elsewhere that adding to the <ul> in a menu

data-options="disableHover:true; clickOpen:true" 

Should make a dropdown menu open only click.

It doesn't seem to work for me. Is data-options="x" still available in 6.3 or has the syntax changed?

David Titherly over 2 years ago

Although I still can't get 

data-options="disableHover:true; clickOpen:true;"

to work, Ryan Patterson has suggested 

 data-disable-hover="true" data-click-open="true"

which is working fine.

The menu now opens only on click, not on hover.

Thanks Ryan

Rafi Benkual over 2 years ago

Yes you can still do that. It's detailed here: http://foundation.zurb.com/sites/docs/javascript.html#configuring-plugins

Although I like the other method 

data-multi-expand="true"

Matthias Hormann over 2 years ago

Thanks for coming back with an answer to your own question, David. It might come in handy at some time, thanks!

David Titherly over 2 years ago

Thank you Rafi.

I seem to be doing something wrong, though, because my menu still opens on hover.

My version is here: 

<div class="top-bar" id="main-menu">

	<div class="top-bar-right">

    		<ul class="menu vertical medium-horizontal" data-responsive-menu="accordion medium-dropdown" data-options="disableHover:true; clickOpen:true;" data-close-on-click-inside>

                    <li> ...</li>

               </ul>
       </div>
</div>

The test page is here http://britishairshows.com/click-to-open-test

Delighted to use data-multi-expand or data-options, if the dropdown menu can be made to open only on click on medium-up screens.

Have I done something silly?

Thanks for your help and patience.