jQuery Forum

Edited!

From the jQuery documentation:

animate
--------
The key aspect of this function is the object of style properties that will be animated, and to what end

I've never used animate, but you can only animate everything you can set with CSS...

So there is noway to make one div go to another, animated?

Now i made is look like this

   $("#dropSlot1").droppable({
                      
    drop: function(event, ui) {
                $("#dragWea").appendTo("#dropSlot1")
        }
                      
   });

But it seems to drop it out of #dropSlot1 , am i doing something wrong here?

Try this example and you see how you can move your divs.

CSS

div{
   background: #F00;
   width: 100px;
   height: 100px;
   position: absolute;
   left: 200px;
   top: 200px;
}

HTML

<a href="#">Click me</a>
<div></div>

jQuery

$("a").click(function(){
   $("div").animate({ left: "250px", top: "100px"}, 1000)
         .animate({ left: "400px", top: "200px"}, 1000)
         .animate({ left: "350px", top: "500px"}, 1000)
         .animate({ left: "250px", top: "250px"}, 1000)         
});

yea i got that,

but the deal is i'm making some Drag and Drop, with the plugins to jquery.
But when when the i drop the element to the dropzone i want it to fit the zone!

You can try check

http://www.patterdale.dk/paradise/inventory.php

But you will need to make and user first .

Hope you are able to help me