jQuery工具 - 垂直选项卡可能吗？

Question

我在我的网站上使用jQuery Tools标签，并且需要垂直标签，而不是水平标签。我知道jQuery UI选项卡可以做到这一点，以及其他插件，但我想坚持使用jQuery Tools选项卡。

具体来说，我试图接受这个：http://flowplayer.org/tools/demos/tabs/skin4.htm并做两件事。

1）使标签垂直在左侧 2）确保面板高度将更改以显示该选项卡的所有内容

使用绝对定位和交叉渐变时，这似乎是不可能的？我非常乐意放弃交叉淡化以实现这一目标！我浏览了文档，也找不到任何东西。

Answer 1

你的问题的第二部分需要一些Javascript / jQuery根据当前#panes div的高度调整高度，因为它们是绝对定位的，因此在正常的DOM流之外。因此，在height:auto上设置#panes将无效。

但是，问题的第一部分可以通过简单的CSS完成，更改您提供的演示页面，以便：

#panes     { width:XXXpx; float:right; }
#nav       { width:YYYpx; }
#nav ul    { width:YYYpx; float:left; margin:0; padding:0; }
#nav ul li { width:YYYpx; display:block; margin:0; padding:0; } /* no float! */

XXXpx和YYYpx将累加到父包装器的宽度，以便浮动工作正常并且不会换行。