Dragging elements doesn't work for some reason

Dragging elements doesn't work for some reason

Hey guys,

I'm pretty new to jQuery and Javascript. I've been playing around with different effects like fading divs in and out, scaling them and so on. What I want to achieve is the following:

I have two divs. One, which is entitled "toolbox", carries different elements like a textfield, a checkbox, a radio button, a textarea and a select dropdown. The other div is supposed to be an empty form on which I want to drag and drop multiple elements from the toolbox div by cloning them. Both divs are hidden by default (display: none) and turn visible by clicking a certain link. When using fadeIn and fadeOut for those divs, the drag and drop worked pretty fine, even though I still had issues with assigning a new class to them and such. I then replaced the fadeIn/fadeOut effect with a show/hide scale effect. This first made some buttons disappear, which I was able to solve by just scaling the box instead of scaling both. But now none of the elements in the toolbox div is draggable anymore. I have no idea why the new effect should be responsible for this. Does anybody have a clue?