Menu icon Foundation
On hover effect

I am converting a website to the Foundation platform and all is going great except that I am looking for a script for an on hover effect that I was able to use with bootstrap in the existing site here https://www.celebritystaff.com  on the large buttons "FIND A JOB" "FIND TALENT" "FOR EMPLOYEES" as you hoer over the tabs the tab screen shows the panel for that tab. You can see in the page code what I did for that but I am not able to get the script to work with the Foundation platform. Do you have a script that I can use that will give me the same effect that I had in the original site?

Original site uses:  onMouseOver="TabbedPanels1.showPanel(this);"

Here is the website again:  https://www.celebritystaff.com

<li>

I am converting a website to the Foundation platform and all is going great except that I am looking for a script for an on hover effect that I was able to use with bootstrap in the existing site here https://www.celebritystaff.com  on the large buttons "FIND A JOB" "FIND TALENT" "FOR EMPLOYEES" as you hoer over the tabs the tab screen shows the panel for that tab. You can see in the page code what I did for that but I am not able to get the script to work with the Foundation platform. Do you have a script that I can use that will give me the same effect that I had in the original site?

Original site uses:  onMouseOver="TabbedPanels1.showPanel(this);"

Here is the website again:  https://www.celebritystaff.com

Rafi Benkual almost 3 years ago

If you are looking to create hover interactions with tabs, we wrote a lesson doing that: https://zurb.createsend.com/campaigns/reports/viewCampaign.aspx?d=y&c=E5D5A5C6700B86DC&ID=4F40BD835A3C35D5&temp=False&tx=0