jQuery slideToggle因iFrame而弹跳

时间:2014-10-05 21:20:09

标签: jquery

我在DOM中有一个按钮,当点击它时,使用jQuery的slideToggle方法显示一个隐藏的div。

使用AJAX和jQuery定期更新隐藏的div以显示推文。 Twitter提供代码将Tweet嵌入为blockquote,然后是一个脚本,以便在iFrame中获得精美的Tweet。这一切都发生在隐藏div时。因此,当调用slideToggle方法时,它不知道div有多高,因此它会超出创建丑陋的反弹效果。

有没有办法摆脱这个?请记住,div的高度将根据推文而改变,因此高度不能被硬编码。

1 个答案:

答案 0 :(得分:1)

嗯,你不需要知道隐藏div的高度,你可以只做一个slideToggle,它将打开它的全高度div:)

http://jsfiddle.net/3fyamqLk/

$('.toggle').on('click', function (e) {

    $('#hidden').stop().slideToggle();

    return false;
});

也许你还有别的事情可以让我跳起来,但是我看不到一些代码就无法告诉你。)