Я пытаюсь показать/скрыть ленту пользователей 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>
влево, когда он появляется, а затем снова сворачиваться, когда он скрыт.