                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

点击按钮，内容显示和隐藏

点击按钮，内容隐藏，再点击一下，然后内容又开始显示了，这种效果怎么做？

慕婉清5962438

2015-12-15

源自：jQuery基础课程 1-1

关注问题我要回答

828

操作

收起

6 回答

点解点解回答被采纳 +3 积分
2015-12-15

<!DOCTYPE html>
<html>
    <head>
        <title>element选择器</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    </head>
    
    <body>
        <p>我是内容</p>
        <button id="btntest">点我</button>
        <script type="text/javascript">
            $("#btntest").click(function(){
                $("p").toggle();    
            })
        </script>
    </body>
</html>

0 回复有任何疑惑可以回复我~

#1

慕婉清5962438 提问者

非常感谢！

2015-12-15 回复有任何疑惑可以回复我~

小飞猪来了
2015-12-18

<script type="text/javascript">

var flag = $('#test').attr('flag',1);

function sayHello(){

if($('#test').attr('flag') == 1){

$("#test").show();

$('#test').attr('flag',2);

}else{

$("#test").hide();

$('#test').attr('flag',1);

}

}

</script>

0 回复有任何疑惑可以回复我~

echo_kinchao
2015-12-15

用jq 的toggle 属性就可以实现

0 回复有任何疑惑可以回复我~

奔跑的Q丶
2015-12-15

$('button').click(function () {
            $('div').toggle();
        });

0 回复有任何疑惑可以回复我~

法王2024
2015-12-15

用show()和 hide()

0 回复有任何疑惑可以回复我~

辰小幻
2015-12-15

$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154708 人
解答问题 7289 个

加入课程学习，有效提高前端开发速度

点击按钮，内容显示和隐藏

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号