最开始有一个高度当点击展开时让div高度自动,然后给展开赋值为收起,这个用jquery怎么写?
最开始有一个高度当点击展开时让div高度自动,然后给展开赋值为收起,这个用jquery怎么写?...
最开始有一个高度当点击展开时让div高度自动,然后给展开赋值为收起,这个用jquery怎么写?
展开
2个回答
展开全部
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
/*$(document).ready(function(){
$("#button").click(function(){
$("p").toggle();
})
})*/
function start(){
$('#aaa').show('slow').hide('slow');
/*$('#aaa').toggle('slow');
var value=$('#aaa').html();
alert(value);*/
}
</script>
</head>
<body>
<p id="aaa" style="display:none">1111111111</p>
<button onClick="return start()">确定</button>
<span>
<a href="images/pro_img/blue_one_big.jpg" id="thickImg" title="介绍文字" class="thickbox">
<img alt="点击看大图" src="images/look.gif" /></a>
</span>
</body>
</html>
<script type="text/javascript">
/*$(document).ready(function(){
$("#button").click(function(){
$("p").toggle();
})
})*/
function start(){
$('#aaa').show('slow').hide('slow');
/*$('#aaa').toggle('slow');
var value=$('#aaa').html();
alert(value);*/
}
</script>
</head>
<body>
<p id="aaa" style="display:none">1111111111</p>
<button onClick="return start()">确定</button>
<span>
<a href="images/pro_img/blue_one_big.jpg" id="thickImg" title="介绍文字" class="thickbox">
<img alt="点击看大图" src="images/look.gif" /></a>
</span>
</body>
</html>
更多追问追答
追问
首先onclick知道吧
然后点击前设置div的高(短一些)然后设置overflow为隐藏
点击后设置div高度为自动 ;展开变为收起
再点收起时 div的高(短一些)然后设置overflow为隐藏
这部份代码怎么写?
追答
你先隐藏后显示的内容,让它style="display:none",点击是触发onclick事件,在显示就行了
展开全部
$(document).ready(function(){
$("#button").click(function(){
$("#tagetdiv").toggle(function() {
//你要执行的效果
$(".div").css("height","auto");
$(".div").hide();
},
function() {
//你要执行的效果
$(".div").css("height","600px");
$(".div").show();
});
})
})
$("#button").click(function(){
$("#tagetdiv").toggle(function() {
//你要执行的效果
$(".div").css("height","auto");
$(".div").hide();
},
function() {
//你要执行的效果
$(".div").css("height","600px");
$(".div").show();
});
})
})
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询