实现可折叠效果

时间:2015-03-10 12:13:03   收藏:0   阅读:227
<script type="text/javascript">
$(document).ready(function(){
    $(".help h3").click(function(){
        $(this).next("p").slideToggle("fast");
    })
})
</script>
</head>
<body>
    <div class="help">
        <div class="cssDiv">
            <h3>单击展开或折叠</h3>
            <p>jQuery实现可折叠效果的方法</p>
        </div>
        <div class="cssDiv">
            <h3>单击展开或折叠</h3>
            <p style="display: none;">jQuery实现可折叠效果的方法</p>
        </div>
    </div>
</body>

原文:http://blog.csdn.net/colorsunlight/article/details/44172289

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!