jquery使用非块元素显示隐藏问题

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

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

这可以正常工作，但

和

会以内联方式显示并向左浮动。当我点击img时，它会切换

，但似乎会将它变成块级元素或其他东西，然后它会下降到下一行

---

我真正想要实现的是将它们向右浮动，并让

在其出现时向左推动

，然后在其隐藏时再次折叠。

我必须假设jquery在将效果应用于它之前将其更改为块级元素。我已经通过分别浮动img和span来纠正这一点，尽管我不知道是否有人有其他解决方案。

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

在这种情况下，我们也需要CSS，您能用它更新问题吗？实际上，唯一相关的CSS片段应用于上述两行的容器div（float:left；）我也应该对跨度应用浮点吗老实说，在这种情况下我会使用淡入淡出，如果可以避免的话，重新流动文档很少是个好主意，是不是一个选项？在这种情况下我们也需要CSS，你能用它更新这个问题吗？实际上，唯一相关的css片段应用于上面两行的container div（float:left；）我应该也应用一个float到span吗老实说，我会使用淡入淡出在这种情况下，如果可以避免的话，重新流动文档很少是个好主意，这是一种选择吗？这不是你必须假设的。这就是jQuery对显示（display:block）和隐藏（display:none）以及所有效果所做的。显示/隐藏比较容易，但我不知道动画。如果您在FF上，您可以尝试安装firebug，这样您就可以实时看到动画/jQuery的发生。这不是您必须假设的。这就是jQuery对显示（display:block）和隐藏（display:none）以及所有效果所做的。显示/隐藏比较容易，但我不知道动画。如果在FF上，您可以尝试安装firebug，以便可以实时查看动画/jQuery。

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