点击自己内容显示和隐藏

                    **点击自己内容显示和隐藏**
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击自己内容显示和隐藏</title>
    <link rel="stylesheet" type="text/css" href="../reset.css">
    <script type="text/javascript" src="../jquery-1.9.1.js"></script>
    <style type="text/css">
    #content{width:800px;margin:30px auto;}
    .title_name{background: #ccc;height: 30px;line-height: 30px;text-indent: 2em;}
    .content{display: none;background: #fff;padding: 5px;}
    .showhide{border:1px solid #ccc;margin-bottom: 1px;}
    </style>
    <script type="text/javascript">
        $(function(){
            $(".title_name").click(function(){
                var $Scontent = $(this).next();
                if($Scontent.is(":visible")){
                    $Scontent.hide();
                }else{
                    $Scontent.show();
                }
            })
        })
    </script>
</head>
<body>
    <div id="content">
        <div class="showhide">
            <h2 class="title_name">什么是网贷?</h2>
            <p class="content">
                爱屋吉屋于2014年3月成立,是全国第一家线上线下整合的专业房地产中介公司。一年来,我们已在北、上、广、深全面铺开,为业主、客户提供最专业的二手房、租房中介服务。常在春晚上和大家见面的蔡明阿姨既是我们的客户,也是我们的代言人。
            </p>
        </div>
        <div class="showhide">
            <h2 class="title_name">什么是股票?</h2>
            <p class="content">
                爱屋吉屋于2014年3月成立,是全国第一家线上线下整合的专业房地产中介公司。一年来,我们已在北、上、广、深全面铺开,为业主、客户提供最专业的二手房、租房中介服务。常在春晚上和大家见面的蔡明阿姨既是我们的客户,也是我们的代言人。
            </p>
        </div>
        <div class="showhide">
            <h2 class="title_name">什么是基金?</h2>
            <p class="content">
                爱屋吉屋于2014年3月成立,是全国第一家线上线下整合的专业房地产中介公司。一年来,我们已在北、上、广、深全面铺开,为业主、客户提供最专业的二手房、租房中介服务。常在春晚上和大家见面的蔡明阿姨既是我们的客户,也是我们的代言人。
            </p>
        </div>
    </div>
</body>
</html>

效果如下:
这里写图片描述
下载地址:http://pan.baidu.com/s/1eQfQPfs

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值