jquery显示隐藏非块元素的问题

时间:2010-03-05 00:27:22

标签: jquery slidetoggle css

我在点击图标时尝试显示/隐藏用户的Twitter Feed。问题是我的标记看起来像这样:

<a href="#"><img src='images/twitter.png' id='twitterImg' /></a>
<span id='twitter_msg'><? include('PHP/twitterJSON.php'); ?></span>

我的jquery使用slideToggle()

$('#twitterImg').click(function() {
$('#twitter_msg').slideToggle('slow');
});

哪种方法正常,但<img><span>显示为内嵌并向左浮动。当我点击img时,它会切换<span>,但似乎把它变成了一个块级别元素,然后它就会下降到下一行。

我真正希望实现的是将它们向右浮动并让<span>在显示时向左推<img>,然后在隐藏时再次折叠。

1 个答案:

答案 0 :(得分:1)

我将不得不假设jquery在将效果应用到块级元素之前确实将其更改为块级元素。我通过分别浮动img和span来纠正这个问题,虽然我不知道是否有其他人有其他解决方案。