首页前端开发JavaScriptjQuery点击显示隐藏(简单)

jQuery点击显示隐藏(简单)

时间2023-05-05 23:08:01发布访客分类JavaScript浏览803
导读: 其实最简单的点击显示,就是如图所示的这种,依赖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
【嵌入式】都说嵌入式最难的是底层,你怎么看? MHTML转HTML,你知道吗?运营新人必须掌握的技能之一

游客 回复需填写必要信息