展开、收起div的jQuery代码

来源:互联网 发布:刷火车票的软件 编辑:程序博客网 时间:2024/05/16 06:44


<a href="javascript:;" id="toggle" target="_self">展开</a>

<div id="content" style="display: none;"><p>隐藏内容 </p></div>

<script type="text/javascript" src="/jquery/jquery.min.js"></script>

<script type="text/javascript">

$(function() {

    $("#toggle").click(function() {

        $(this).text($("#content").is(":hidden") ? "收起" : "展开");

        $("#content").slideToggle();

    });

});

</script>

0 0
原创粉丝点击