Draggable div Jquery UI

Question

I want to be able to drag the main wrapper by pushing the header div.

The main wrapper div that i want to drag is #popupContact

The header div is called #popupHeaderGradient.

Now im using Jquery UI and I got it to work with $('#popupHeaderGradient').draggable();

But this only allows me to move the header element.

I want it to drag the whole main wrapper by dragging on the header element.

Answer 1

use the handle option to tell jquery what you want to use as the "drag handle"

$('#popupContact').draggable({
   handle: '#popupHeaderGradient'
});

Answer 2

$('#popupContact').draggable({handle: "#popupHeaderGradient"});