Здравствуйте.
Подскажите пожалуйста.
Есть html
<div id="header-r1">
<div id="left-r1">
<h1 id="title-r1">This course contains<br /> the following topics:</h1>
<hr id="line-r1" />
<div id="allList-r1">
<div id="playDiv-r1">
<span id="playSpan-r1"></span>
</div>
<ul id="lists-r1">
<li class="list-r1">Alcohol And Drugs</li>
<li class="list-r1">Becoming Familiar With Your Vehicle</li>
<li class="list-r1">Defensive Driving Techniques</li>
<li class="list-r1">Driving In Bad Weather</li>
<li class="list-r1">Driving Privileges</li>
<li class="list-r1">Laws And Rules Of The Road</li>
<li class="list-r1">Road Rage</li>
<li class="list-r1">Seat Belts</li>
<li class="list-r1">Sharing The Road</li>
<li class="list-r1">Signs, Signals, and Markings</li>
<li class="list-r1">Space Management</li>
</ul>
</div> <!-- end #allList-r1 -->
</div> <!-- end #left-r1 -->
<div id="right-r1">
<img src="images/img.jpg" height="400" width="540" />
</div> <!-- end right-r1-->
</div> <!-- end #header-r1 -->
И jQuery
jQuery(function()
{
$.pushCoords = function ()
{
var arrCoords = [];
$('.list-r1').each(function()
{
var obj = $(this).position();
var msg = obj.top;
arrCoords.push(msg);
})
$.each(arrCoords, function()
{
$('#playDiv-r1').animate({top:"+=this"}, 1500)
})
}
$.pushCoords()
})
Проблема в том, что нужно, чтоб див с id="playDiv-r1" должен начать передвигать по оси Y сверху вниз , используя при этом координаты из массива arrCoords, но у меня почему то див вообще стоит на месте.
Подскажите пожалуйста, что не так в коде.
Чуть не забыл. <div id="playDiv-r1"> в цсс имеет position:absolute