Изменение размера div в jquery справа налево

Question

I хочу анимировать и изменять размер тега div справа налево .

По умолчанию я учился на примерах и обнаружил, что он изменяет размеры слева направо, но в соответствии с требованиями проекта мы хотимиметь его в порядке справа налево.

Код, который я написал:

<script type="text/javascript"> 
$(document).ready(function()
{
   $("button").click(function()
   {
      $("div#div1").animate({height:166},5000);
      $("div#div1").animate({width:800},5000);
   });
});
</script> 

<div id="div1" style="background:url(stripes.JPG);height:0px;width:0px;position:relative;" hidden="hidden">

Это хорошо работает при анимации слева направо;Пожалуйста, предложите аналогичный подход, при котором размер div будет изменяться справа налево.

Заранее спасибо.

Answer 1

Это все зависит от вашего CSS.Поместите анимированный элемент в элемент position:relative и установите его CSS равным position: absolute; bottom: 0; right: 0;.Тогда ваша анимация будет отображаться в нужном направлении.Смотри: http://jsfiddle.net/9SJ4Q/