jquery的toggle()函数，显示/隐藏交替

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
<script src="jquery.js"></script>
    <meta charset="UTF-8">
    <title>lfj</title>
    <style>
         .one {      
            background-color:yellow;
        }
        .two {
            background-color: pink;
        }
    </style>
</head>
<body>
    <div class='one'>        one    </div>
    <div class="two">       two    </div>
</body>
<script>
    $(".one").click(function(){
        $(".two").toggle();
    })
</script>
</html>
复制代码

 

posted @   勋勋的大宝贝  阅读(99)  评论(0)  编辑  收藏  举报
相关博文：
·  jquery根据自定义属性选择标签
·  html页面跳转方式
·  jQuery 效果 - slideToggle() 方法
·  js原生 toggle函数编写
·  JQuery事件绑定事件切换与JQuery案例广告显示和隐藏
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· Vue3状态管理终极指南：Pinia保姆级教程
点击右上角即可分享
微信分享提示
AI IDE Trae