我试图在单击图标时显示/隐藏用户的推特提要。问题是我的标记看起来像这样:
<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>
出现时离开,隐藏时再次折叠。
最佳答案
我将不得不假设 jquery 在将效果应用到它之前确实将它更改为 block 级元素。我已经通过分别 float img 和 span 来纠正这个问题,尽管我不知道是否有人有其他解决方案。
关于jquery 显示非 block 元素的隐藏问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2383737/