我目前使用jQuery UI的页面导航和我想的下拉菜单融入标签，因为当有许多标签jQuery用户界面不好看。 对于什么，我这么远的想法，看看这张截图： http://i.imgur.com/T9lwLI8.png
上面的部分是普通的jQuery UI的选项卡和下段是新的菜单设计，鼠标悬停在“病人”。 新的菜单设计是纯CSS - 简单的分层UL和李标签显示：根据无或块：悬停。
它是一个噩梦试图取代默认的jQuery UI的标签。 样式和jQuery的功能似乎被混合在一起，因为删除默认的ID和班级打破互联功能，但如果我添加默认的ID和班级我的新标签部分其添加不需要的样式给它以及其他离奇失误。
我的猜测是，jQuery UI的标签仅期望一个包含选项卡列表UL，而是因为我的CSS实现使用UL列表中每个启用了下拉选项卡它不喜欢它。 我已经通过了的.js和.css文件看了，但说实话，我不知道我在寻找的，我绝不对此事的专家。
我一直在谷歌上搜索，但唯一的解决方案，我可以找到通常求助于实现旋转木马隐藏，否则将被推到另一条线/显示额外的标签。 我怎么会得到的jQuery UI选项卡与对鼠标悬停下拉菜单标签工作？
我花了很多的搜索和挫折，但我终于临到的解决方案。 这不完全理想，但它的工作原理。
我隐藏了UL标签直属“标签”的div jQuery UI的使用与显示：无再推出我的导航菜单下面。
我写了这个简单的功能页面（摘自之间浏览这里 ）：
function changeTab(tabIndex) {
$("#tabs").tabs( "option", "active", tabIndex );
}
的tabIndex为零指数的，所以如果你的标签是＃页-2那么的tabIndex是1.给你的标签唯一的ID属性，然后用一些jQuery的像滚出来：
$('#tabTwo').click(function() {
changeTab(1);
});
同样不是一个很好的解决方案，但重要的是它确实工作。
为降菜单，您可以使用CSS和jQuery的简单（.show）和（.hide）。 会有一些简单的计算和CSS positioning.Every标签的容器应该有一个你的下拉菜单列表。 ü一次悬停标签u能出示容器..如果任何列表下乌尔下降呈现下拉列表ü可以通过另一个列表将出现在下拉列表的右侧这是在下降down.You选择可以参考此链接显示..这想法让乌尔页面看起来不错。
http://foundation.zurb.com/page-templates4/grid.html
