单击图标时,我正在尝试显示/隐藏用户的 Twitter 提要。问题是我的标记看起来像这样:
<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>
,然后在它隐藏时再次折叠回来。