Jquery版TAB切换

又到周末休息，不过上海的天气实在是太热了，都40°了，我住的房间没有空调热的不行，哎，怎么夏天还不结束呢？出去绝对是一件非常不明智的选择，于是一天都没有出去，呆在房间里面上网，研究Jquery。

Jquery确实是一件好东西，越看越喜欢。现在博客上用的Jquery效果其实是不多的，所以还要大力的在博客中发展Jquery，充分的利用资源。

记得很久之前写的侧边栏TAB切换，那个不是Jquery的，于是想捣腾一个Jquery版的。

之前在一个WordPress的博客中看到过一个非常不错的TAB切换样式，在切换的同时还有伸展收缩的效果。于是想整到我的侧边栏上去。开始只是用了一次，实现了效果。因为的我的侧边栏有2处用TAB的，当我再用一次Jquery的效果的时候，问题出现了，点击下面的一组TAB，上面全部收缩起来，后来一想ID定义重复了，ID可以有唯一性，我弄2个一样的ID怎么行，终于改成功了。

然后重新调整CSS，让其符合自己博客的风格。终于看似一些都正常了。于是我开始测试各个浏览器，IE系列正常，FireFox，Opera，Safari都正常，竟然Chrome不正常，很是奇怪哦，连IE都正常了Chrome竟然没效果。于是又开始调试Chrome，终于将其给整正常了，终于可以欣慰的吐一口气了。

本地调试正常，于是我就替换到了网站上去，这是有朋友发表了评论，新发表的评论是要审核，当我点击审核通过的时候，竟然发现无法点击，回复按钮也失效了，我想应该是脚本冲突了。然后查找问题来源。原来是对$的定义的问题，Jquery对$有自己的定义，而PJ原始的对$也有定义，现在两个定义冲突了，于是想到修改PJ自带的脚本，将$替换掉，然后发现评论审核和回复正常了，但是新的问题又来了。要改的话就得把原来的$都替换掉，这是个庞大的过程，很容易出错的，于是乎我就放弃了在侧边栏用Jquery的TAB切换了。

预览地址 更换WordPress之后，不支持ASP，预览不了了。

不过后来想想还有点不甘心，于是整了一个单独页面的Jquery版的TAB切换。好歹我也是花了点时间研究的。

上面一个用的鼠标点击切换的，下面那个用的鼠标滑过切换。其实我一直取舍不了是用点击好还是滑过。各有各个优势，你们认为呢？

WordPress版的也已经出了，具体点击这里：/blog/wordpress-jquery-tab.html