菜单的显示和影藏

最新推荐文章于 2021-04-09 23:38:33 发布

金含

最新推荐文章于 2021-04-09 23:38:33 发布

阅读量141

点赞数

文章标签： javascript ViewUI

<!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>