jquery show скрыть проблему с не блочными элементами

Question

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

Answer 1

Мне нужно предположить, что jquery меняет его на элемент уровня блока, прежде чем применить к нему эффект. Я исправил это, поместив img и span отдельно, хотя я не знаю, есть ли у кого-нибудь другие решения.