菜单的显示和影藏

来源:互联网 发布:琅琊榜2 知乎 编辑:程序博客网 时间:2024/04/28 14:41
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>显示菜单隐藏和显示</title>  </head><body><script src="../JS经典两百例/jquery.js"></script><script>    /*jQuery演示*/    $(function(){     $("#div1").click(function(){         if($(".div2").css("display")=="block"){            $(".div2").css("display","none");        }else {            $(".div2").css("display","block");        }     });     });</script><!--div演示--><input id="div1" type="button" value="显示/隐藏"><div class="div2" style="display: block">    <ui>        <li>aaaa</li>        <li>aaaa</li>        <li>aaaa</li>        <li>aaaa</li>    </ui></div></body></html>
0 0
原创粉丝点击