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

Question

我在点击图标时尝试显示/隐藏用户的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>，然后在隐藏时再次折叠。

Answer 1

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