jQuery点击显示隐藏(简单)
导读: 其实最简单的点击显示,就是如图所示的这种,依赖jQuery!在制作各种模板的时候,必不可少的就是jQuery文件,并且以来jQuery的效果也不担心在移动端上的表现,比之CSS有更好的兼容性!下面分享下jQuery点击显示隐藏代码,常在下...
其实最简单的点击显示,就是如图所示的这种,依赖jQuery!
在制作各种模板的时候,必不可少的就是jQuery文件,并且以来jQuery的效果也不担心在移动端上的表现,比之CSS有更好的兼容性!
下面分享下jQuery点击显示隐藏代码,常在下拉菜单中使用!
!DOCTYPE HTML> html> head> meta charset="utf-8"> title> jquery点击显示,点击隐藏/title> script src= type="text/javascript"> /script> /head> script type="text/javascript"> function showHideCode(){ $("#showdiv").toggle().addClass(.navcolor); } /script> body> div> a href="#" onclick="showHideCode()"> 菜单显示/a> div id = "showdiv" style="display:none; "> 我是隐藏的那部分br> 我是隐藏的那部分我是br> 隐藏的那部分/div> /div> /body> /html>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jQuery点击显示隐藏(简单)
本文地址: https://pptw.com/jishu/18523.html