jquery показывает проблему скрытия с неблочными элементами

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


person kalpaitch    schedule 05.03.2010    source источник
comment
В этом случае нам также понадобится CSS, можете ли вы обновить вопрос с его помощью?   -  person Nick Craver    schedule 05.03.2010
comment
буквально единственный соответствующий фрагмент css применяется к контейнеру div для двух вышеуказанных строк (float: left;) должен ли я просто применять float к диапазону   -  person kalpaitch    schedule 05.03.2010
comment
Честно говоря, я бы использовал затухание в этом случае, повторная заливка документа редко является хорошей идеей, если ее можно избежать, это вариант?   -  person Nick Craver    schedule 05.03.2010


Ответы (1)


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

person kalpaitch    schedule 05.03.2010
comment
Это не то, что вы должны предполагать. Это то, что jQuery делает для отображения (отображение: блок) и скрытия (отображение: нет) и для всех эффектов. Показать/скрыть проще, но я понятия не имею об анимации. Вы можете попробовать установить firebug, если вы используете FF, чтобы вы могли видеть, как анимация/jQuery происходит в режиме реального времени. - person ; 05.03.2010