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

Question

我试图在单击图标时显示/隐藏用户的推特提要。问题是我的标记看起来像这样:

<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>但似乎把它变成了 block 级元素或其他东西，然后它落到下一行。

我真正想要实现的是让它们正确 float 并拥有 <span>推<img>出现时离开，隐藏时再次折叠。

Answer 1

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