How to toggle a menu item

[longtruongParticipant]

Hello,

Assume that I have a horizontal menu with five items. If a user clicks on an item, the css of that item is changed. If the user click on that item again, its css is restored back to the original one.

What should I do to achieve this purpose?

Thanks,

Long

[Peter StoevKeymaster]

Hi Long,

This happens automatically: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxmenu/defaultfunctionality.htm?arctic. When you click on item, it goes into active state, when you click again, the dropdown is closed and it goes into highlight state because your mouse is over the item. When you move away the mouse cursor it goes to default state.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[longtruongParticipant]

Hello Peter,

I understood that behavior. However, my menu only has one level. It means there is no sub menu. So, after clicking on the menu item and moving mouse out of it, its state is restored to the original one. How can I preserve the state as “clicked” and reset it back to normal state after I click on it again?

Thanks,

Long

[longtruongParticipant]

Hello,

I would like to echo my problem again and hope to find out a solution…

However, my menu only has one level. It means there is no sub menu. So, after clicking on the menu item and moving mouse out of it, its state is restored to the original one. How can I preserve the state as “clicked” and reset it back to normal state after I click on it again?

Thanks,

Long

[Peter StoevKeymaster]

Hi Long,

You cannot disable this Menu feature. It’s automatic.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts