[Maximor17]

html:

<a id="arrow-l" class="arrow" href="javascript:slide('left');"><img src="/images/arrow-l.png" /></a>
<a id="arrow-r" class="arrow" href="javascript:slide('right');"><img src="/images/arrow-r.png" /></a>

    <div id="wrap">
                <table cellpadding="0" cellspacing="0" id="carousel">
                    <tbody>
                	    <tr>
                		<?php while (have_posts()) : the_post(); ?>
                            <td>
                                <div class="post-caption"><?php the_title(); ?></div>
                                <div class="post-date">Posted:  In: </div>
                                <div class="post-item">
                                    <?php the_content(); ?>
                                </div>
                            </td>
                		<?php endwhile; ?>
                        </tr>
                	</tbody>
                </table>
            </div>

css:

#conteiner #content #wrap { position: relative; width: 880px; height: 370px; overflow: hidden; display: block; }
#conteiner #content #carousel { position: absolute; width: 999999999px; display: block; }

js:

function slide (side) {
      $('#carousel').animate({marginLeft:'200px'}, 'fast');
}

должно двигаться. Но не работает хоть ты тресни. Работает только hide, и то без анимации. Почему такое бывает? И как это поправить?