Javascript 好的jquery内容分隔符

Javascript 好的jquery内容分隔符,javascript,jquery,Javascript,Jquery,只是想知道是否有人知道任何由jquery驱动的预构建内容切换器,如下图所示(只有一个屏幕截图,否则我不会问:p): 应该很容易使用,只需重新设置选项卡/选项卡容器的样式,使其浮动到内容的左侧即可。该页面上的“主题化”选项卡显示了它使用的结构 CSS与此类似(基于主题选项卡的示例标记): 你是说标签?在左边?你有多懒?这是一个css的东西,不是jquery(你可以在jquery中使用它),但是如果有一个大多数人都不会使用的插件,那就太傻了。你是什么意思,左边的标签?+1表示你有多懒!是的。不,这不

只是想知道是否有人知道任何由jquery驱动的预构建内容切换器,如下图所示(只有一个屏幕截图,否则我不会问:p):


应该很容易使用,只需重新设置选项卡/选项卡容器的样式,使其浮动到内容的左侧即可。该页面上的“主题化”选项卡显示了它使用的结构

CSS与此类似(基于主题选项卡的示例标记):


你是说标签?在左边?你有多懒?这是一个css的东西,不是jquery(你可以在jquery中使用它),但是如果有一个大多数人都不会使用的插件,那就太傻了。你是什么意思,左边的标签?+1表示你有多懒!是的。不,这不是真正的CSS,我需要jQuery,因为所有内容都在一个页面上,而不是多个页面上。没关系,我自己来建造。jeez relax,谢谢,无论如何,我不知道为什么每个人都叫你懒惰,这显然是一个标签功能,正如所指出的,它存在于jQueryUI库中,这个问题是完全正确和合法的。库中的小部件是为人们使用而设计的,您无需自己重新发明轮子。对于评论没有否决票,但在精神上,-1代表懒惰的评论,不需要在这里点名。更不用说代码重用是IT行业和所有精确科学领域最省时省钱的策略之一。
#tabs > ul {
    width: 20%;
    float: left;
}
#tabs > ul > li {
    display: block;
}
#tabs > div {
    width: 80%;
    float: right;
}