[JQury]:slideToggle事件页面会出现闪动，求解决

=PNZ=BeijingL 2011-07-02 02:11:26

展开时候没有问题
收缩时候完成时候，会突然展开，然后又搜索。
怎么才能避免这个问题？
求大牛帮忙

[code=HTML]
<script type="text/javascript">
$(document).ready(function(){
$(".flip1").click(function(){
$(".panel").slideToggle("slow");
});
});

$(document).ready(function(){
$(".flip2").click(function(){
$(".pane2").slideToggle("slow");
});
});
</script>

<style type="text/css">
div.panel,p.flip1,div.pane2,p.flip2
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
width:150px;
}
div.panel,div.pane2
{
display:none;
}
</style>

页面
-------------------------------
<p class="flip1">1级</p>
<div class="panel">
<p><a href="#">2级</a></p>
<p><a href="#">2级</a></p>
<p><a href="#">2级</a></p>
</div>
<p class="flip2">1级</p>
<div class="pane2">
<p><a href="#">2级</a></p>
<p><a href="#">2级</a></p>
</div>

...全文

571 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

hacktenk 2012-01-11

打赏
举报

6楼的正解！！谢谢啦！！

从未、淡定 2011-12-20

打赏
举报

我也见到这个问题了。解决方案
是在还未完全收起时强制收起
代码如下,点击check 元素#tag-list收起展开
$('.check').bind("click",function(){
if($("#tag-list").css('display')=='none') {
$("#tag-list").slideDown()
}else{
$("#tag-list").slideUp();
setTimeout(function(){$("#tag-list").css('display','none')},350);
}
})

xiaozhute 2011-12-05