Javascript 我需要使用chico ui框架使选项卡正常工作

我似乎无法使这些标签正常工作。。我必须使用：

我正在按照文档所说的做，但我不确定我是否使用了正确的html标记/jquery

这是我的建议

这就是我所拥有的：

$（文档）.ready（函数（）{
var tabs=$（“#tabs”）.tabs（）；
});
/**
*选项卡导航器
*/
.ch标签{
利润率：10px0；
}
.ch tabs.ch tabs触发器{
位置：相对位置；
顶部：1px；
z指数：10；
填充：0；
利润率：0.10px；
列表样式：无；
溢出：隐藏；
}
.ch tabs.ch tabs触发li{
光标：指针；
显示：内联；
保证金：0；
}
/*触发*/
.ch选项卡{
边框：1px实心#dedede；
显示：内联块；
填充：3x12px；
保证金：0；
文字装饰：无！重要；
颜色：#333！重要；
背景色：#fff；
边界半径：5px5px0；
}
.ch选项卡：悬停{
背景色：#f0；
}
.ch选项卡：活动{
背景色：#f0；
}
/*触发*/
.ch tabs.ch-tab.ch-expandable-trigger-on，
.ch tabs.ch tab.ch可展开触发器打开：悬停{
背景色：#f0；
背景图像：-webkit线性梯度（#f0f0，#fff）；
背景图像：线性梯度（#f0f0，#fff）；
边框底部：1px实心#fff；
游标：默认值；
字体大小：粗体；
盒影：2px02pxRGBA（255,255,255,0.5）；
}
.lt-ie10.ch-tabs.ch-tab.ch-expandable-trigger-on，
.lt-ie10.ch tabs.ch tab.ch可扩展触发器打开：悬停{
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#f0f0'，endColorstr='#fff'）；
}
/*容器*/
.ch tabs.ch box lite{
边界半径：0；
}






Lorem ipsum dolor sit amet，是一位杰出的献身者。不要坐在sapien luctus sodales中的amet purus。库拉比图尔·维利特，阿利奎姆人马座的库苏斯，内克的名言。但孕妇的权杖是非普尔文纳的。Pellentesque和urna Vita nisl porta危及nec ipsum。塞德·维利特。我是泰勒斯

Lorem ipsum dolor sit amet，是一位杰出的献身者。不要坐在sapien luctus sodales中的amet purus。库拉比图尔·维利特，阿利奎姆人马座的库苏斯，内克的名言。但孕妇的权杖是非普尔文纳的