使用jQuery实现div的tab切换实例代码

jQuery的简单效应实现Tab切换接触JQ在以前的JS代码，现在写的JQ：
HTML代码：
复制代码代码如下所示：

最近发表的关于随机文章的最新评论

1234567890-1
1234567890-2
1234567890-3

CSS代码：
复制代码代码如下所示：
# { border: 1px solid栏选项卡# CCF；margin-bottom: 1.5em；溢出：隐藏；}
#选项卡标题h3 {颜色：# 666；字体大小：15px；字体重量：400；}
#选项卡标题。选择{颜色：# 356aa0；底部边框：0px；} / *样式标题选择。
#选项卡标题跨度{填充：5px 9px 5px 10px；border: 1px solid # CCF；边框右：0px；margin-left: - 1px；鼠标指针；}。
#选项卡的内容。隐藏{显示：无；} / *默认是第一块内容，剩下的隐藏。
#标签内容UL {填充：5px 10px；溢出：隐藏；}
#标签内容的ul { padding-top：5px；高度：20px；}

JQ代码：
复制代码代码如下所示：

$（#选项卡标题跨度）。Click（function（）{）
$（这）。AddClass（选择），兄弟姐妹（）RemoveClass（）； / / removeClass是删除当前的其他类；只有当前对象addClass（选择）；兄弟姐妹（）方法的当前对象的同一层次的元素，removeClass删除。
$（#标签内容> UL）。隐藏（）。情商（$（' #选项卡标题跨度）。指数（这））显示（）；
}）；

这是写与JQ很方便。首先，找到ID的子元素，添加点击事件介绍功能，发现同一级别的元素后，和removeClass（）让其他同级别的元素显示：无。

以下是原来的JQ代码：
复制代码代码如下所示：

$（#选项卡标题跨度）。Click（function（）{ $（this）。AddClass（选择）（兄弟姐妹）（RemoveClass）；$（#标签内容> UL）。SlideUp（'1500）。情商（$（' #选项卡标题跨度）。指数（这））。SlideDown（'1500）
}）；

当触发当前事件时，单击当前事件将触发它；不需要单击当前事件触发事件（此）；