第一種實現方式：
代碼如下:
1. <script type="text/javascript">
$(function(){
$("cList h3")k(function(){
var UL = $(this)("ul");
if(("display")=="none"){
("display","block");
}
else{
("display","none");
}
});
});
</script>
第二種實現方式：
代碼如下:
2. <script type="text/javascript">
$(function(){
$("cList h3")le(function(){
$(this)("ul")(1000);
},function(){
$(this)("ul")(1000);
});
});
</script>
第三種實現方式：
可以使用Jquery提供的show和hide來完成帶緩動的'顯示和隱藏效果，由於兩個方法相似，可以直接使用toggle來完成。
代碼如下:
3. <script type="text/javascript">
$(function(){
$("cList h3")le(function(){
$(this)("ul")("display","none");
},function(){
$(this)("ul")("display","block");
});
});
</script>
第四種實現方式：
toggle如果有兩個參數，並且都是函數，表示第一次點擊執行第一個函數，第二次點擊執行第二個函數。
代碼如下:
4. <script type="text/javascript">
$(function(){
$("cList h3")le(topicHandler,topicHandler);
function topicHandler(){
//使用fadeIn、show、slideDown可以完成某個容器的顯示
//使用fadeOut、hide、slideUp可以完成某個容器的隱藏
//所以可以通過各個的toggle來完成兩個之間的輪換
$(this)("ul")le(1000);
}
});
</script>
