var target = document.getElementById("all-tabs"); var options = {}; //Define options e.g. "option1" : "value1", etc. var elem = new Foundation.Tabs($(target), options); $('.tabs-title').on("mouseover", function() { //Find the associated panel id. var panelId = $(this).find("a").attr("href").substring(1); var tabContents = document.getElementById(panelId); //Use the "tabs" object to select the associated panel. elem.selectTab($(tabContents)); //Show the tab contents. $(tabContents).show(); }).on("mouseout", function() { var panelId = $(this).find("a").attr("href").substring(1); $(this).find("a").attr("aria-selected", "false"); var tabContents = document.getElementById(panelId); //Hide the tab contents. $(tabContents).hide(); });