第一种实现方式:
代码如下:
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>