HTML代码:
复制代码代码如下所示:
学习的世界
十一亿一千一百一十一万一千一百一十一
二十二亿二千二百二十二万二千二百二十二
三亿三千三百三十三万三千三百三十三
四十四亿四千四百四十四万四千四百四十四
五十五亿五千五百五十五万五千五百五十五
六十六亿六千六百六十六万六千六百六十六
jQuery代码:
第一种实现方式:
复制代码代码如下所示:
一
$(
函数(){())
$(。topiclist H3)。Click(function(){)
var = $(this);
如果(UL.css(
显示)= =无){
UL.css(显示
}
别的{
UL.css(显示
}
});
});
第二种实现方式:
复制代码代码如下所示:
二
$(函数(){())
$(。topiclist H3)。Toggle(function(){)
$(这个)。下一步(UL)。隐藏(1000);
}函数(){()
$(这个)。下一步(UL)。显示(1000);
});
});
实现的第三种方式:
jQuery提供的显示和隐藏可以用来
执行慢显示和隐藏效果。由于这两种
方法是相似的,你可以直接用开关来做。
复制代码代码如下所示:
三
$(函数(){())
$(。topiclist H3)。Toggle(function(){)
$(这个)。下一步。(Css)
}函数(){()
$(这个)。下一步。(Css)
});
});
实现的第四种方式:
如果切换具有两个
参数,是一个函数,则第一次单击执行第一个函数,第二个单击执行第二个函数。
复制代码代码如下所示:
四
$(函数(){())
$(。topiclist H3)。Toggle(topichandler,topichandler);
功能topichandler(){
对渐明,表明slideDown / /使用,可以完成显示容器
使用渐隐,隐藏,slideup / /可以隐藏一个容器
那么,每一个开关可以完成两个旋转之间的
转换吗
$(这个)。下一步(UL)。切换(1000);
}
});