Jquery Draggable + Bring to Front

Question

I have a window with a number of chat DIV\'s where a user to chat to different people.

Currently the chat DIV\'s can be open and moved around but I can\'t see to get the

Answer 1

For several draggables where you want to bring one to front and reset others to back:

$('.container').on('mousedown', function(event) { 
    $('.container').css('z-index','1');
    $( this ).css('z-index','1000');
});