<script type="text/javascript">
$(function() {
$("#toggle").click(function() {
$(this).text($("#content").is(":hidden") ? "收起" : "展开");
$("#content").slideToggle();
});
});
</script>
调用
<a href="#" id="toggle">展开</a> <div id="content" style="display: none;"><p>隐藏内容<p><p>隐藏内容<p></div>
方法二:
<script>
$(function(){
$('#d1').click(function(){//给d1绑定一个点击事件;
if($('#d2').is(':hidden'))
{
$('#d2').slideDown('slow');
$(this).text('收起');
}else{
$('#d2').slideUp('slow');
$(this).text('展开');
}
});
});
</script>
<div id='d1'>展开</div>
<div id='d2' style=" display:none">内容</div>
























18605917465
客服QQ