jQuery实现了4种简单的显示和隐藏方式。

jQuery实现了4种简单的显示和隐藏方式。
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);
}
});

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部