アイコンをクリックしたときに、ユーザーの 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>非表示になったら再び折りたたむことです。