How to make panel movable by dragging it header?

[aswzen]

How to make panel able to move freely by dragging?

Thanks in advance.

here the fiddle: http://jsfiddle.net/t80bd85z/

[stworthy]

Apply the draggable plugin on the outer panel.

Code:

$('#p').panel('panel').draggable({
    handle: '.panel-header'
});

Please refer to http://jsfiddle.net/t80bd85z/1/

[aswzen]

thank you

[aswzen]

oops i found something weird

open this fiddle : http://jsfiddle.net/t80bd85z/2/

try to move Panel 1 , then Panel 2 suddenly move to panel 1? any explanation?

Thank you

[stworthy]

You have to set the position style to 'absolute' for all your dragging panels. Please refer to http://jsfiddle.net/t80bd85z/4/