Draggable Modal

by Adam Mendoza

HTML

<head>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
</head>
<div id="modal"></div>
<a href="#" class="click">click me</a>

CSS

#modal{
    border:4px solid #CCC;
    width:100px;
    height:50px;
    display:none;
    position:absolute;
    left:50%; 
    top:50%;
    margin:-25px 0 0 -50px;
    border-radius:5px;
}

JavaScript

$('.click').click(function(){
    $('#modal').show();
    $('#modal').draggable();   
});