效果一般



下面是代码：自己导入jQuery包。

风格：





体、UL、李、div，一个{ margin: 0px；padding: 0px；}
体{保证金：10px；margin-left: 15px；}
#所有{左边框：1px solid # CCC；边框右：1px solid # CCC；底部边框：1px solid # CCC；宽度：255px；}。

#标题里{浮动：左；列表样式：无；宽度：50px；边境上：2px固体# F60；边界的权利：# 1px solid ccc；文本对齐：中心；
填充：3px；}
#标题李：最后一个孩子{边界：1px solid # FFF；}
。新{底部边框：1px solid # FFF；颜色：# F60；}
。老{底部边框：# 1px solid ccc；}
#内容{明确：两；}
#内容UL {保证金左：5px；列表样式：无；浮动：左；}
#内容里{宽度：40px；身高：30px；背景颜色：# F60；文本对齐：中心；颜色：# FFF；}
。在{宽度：205px；身高：90px；背景颜色：# f6c；margin-left: 50px；}



JS代码：





$（函数（）{（））
$（#标题里：第一），AddClass（新），兄弟姐妹（）。AddClass（旧）；
$（div #内容：第一），（），（）（）兄弟姐妹。隐藏；
$（。内容：第一），（），（）（）兄弟姐妹。隐藏；
$（#标题里）。Click（function（）{）
$（这）。AddClass（新），RemoveClass（老），兄弟姐妹（）。AddClass（旧），RemoveClass（新）；
$（信息）。隐藏（）。情商（$（#标题里）。指数（这））显示（）；
$（：第一个子）；
}）；

$（信息力）。Mouseover（function（）{）
美元（这个）。Css（颜色）
$（。在）。隐藏（）。情商（$（。信息里）。指数（这））显示（）；
}）；
$（信息力）。Mouseout（function（）{）
美元（这个）。Css（颜色）
}）；

}）；



HTML结构：






国内旅游技术时尚新闻



010203

1aaa看看你在李标签或在李标签如果是1aaa
1bbb看看你在李标签或在李标签如果是1bbb
1ccc看看你在李标签或在李标签如果是1ccc


010203

2aaa看看你在李标签或在李标签如果是1aaa
2bbb看看你在李标签或在李标签如果是1bbb
2ccc看看你在李标签或在李标签如果是1ccc


010203

3aaa看看你在李标签或在李标签如果是3aaa
3bbb看看你在李标签或在李标签如果是3bbb
3ccc看看你在李标签或在李标签如果是3ccc



010203

4aaa看看你在李标签或在李标签如果是4aaa
4bbb看看你在李标签或在李标签如果是4bbb
4ccc看看你在李标签或在李标签如果是4ccc


010203

5aaa看看你在李标签或在李标签如果是5aaa
5bbb看看你在李标签或在李标签如果是5bbb
5ccc看看你在李标签或在李标签如果是5ccc