关于JQuery的遍历，希望做一个选项卡

Question

<div class="tv"> <div class="tv_title"> <!--<div class="tv_title_left"> <label><a href="#">电视剧<i class="icon-angle-right"></i></a></label> </div>--> <div class="tv_title_right"> <ul class="movetitle"> <li><a href="#">大陆剧</a></li> <li><a href="#">日韩剧</a></li> <li><a href="#">英美剧</a></li> <li><a href="#">港台剧</a></li> </ul> </div> </div><!--tvtitle end--> <div class="tv_content"> <div class="tvshow_dl tab"> <ul> <li><a href="#"><img src="img/videoImg/好先生.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/余罪.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/欢乐颂.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/狼牙棒.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/老九门.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> </ul> </div> <div class="tvshow_hk tab" style="display: none;"> <ul> <li><a href="#"><img src="img/videoImg/余罪.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/好先生.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/欢乐颂.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/狼牙棒.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> <li><a href="#"><img src="img/videoImg/老九门.jpg"</a> <div class="show-bottom"> <p><a href="#">余罪全集</a></p> <p>卧底兄弟团整装齐发</p> </div> </li> </ul> </div> </div> </div>想做一个仿优酷首页电视剧之前的切换。一开始弄了个简易的是可以得，但是一套用到这段代码就不行了。求大神指教

Answer 1

这个没人自己写的吧？都是用jquery幻灯片插件的