// $(".topicList h3").click(function(){
// var uln = $(this).next("ul");
// if(uln.css("display")=="none") {
// uln.css("display","block");
// } else {
// uln.css("display","none");
// }
// });
// $(".topicList h3").toggle(function(){
// $(this).next("ul").css("display","block");
// },function(){
// $(this).next("ul").css("display","none");
// });
/**
* 可以使用jquery说提供的show和hide来完成带缓动的隐藏和显示效果
* 由于两个方法比较类似,可以直接使用toggle来完成操作
*/
// $(".topicList h3").toggle(function(){
// $(this).next("ul").show(1000);
// },function(){
// $(this).next("ul").hide(1000);
// });
/**
* toggle如果有两个参数,并且都是函数,表示第一次点击执行第一个函数
* 第二次点击执行第二个函数
*/
$(".topicList h3").toggle(topicHandler,topicHandler);
function topicHandler() {
//使用fadeIn,show,slideDown可以完成某个容器的显示
//使用fadeOut,hide,slideUp可以完成某个容器的隐藏
//所以可以通过各个的toggle来完成两个之间的轮换
$(this).next("ul").fadeToggle(1000);
}
十九、标准动画
最新推荐文章于 2024-07-14 12:56:18 发布