Позиция диалога

by Евгений

HTML

<div class="dialog">bla-bla</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>
<div class="clickme">click me, please!</div>

CSS

.clickme {
    border: 1px solid;
    height: 80px;
    margin: 10px;
    background: #dbdbdb;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}
.dialog {
    display: none;
}

JavaScript

$(function(){
    $('.clickme').on('click', function(){
        $('.dialog').dialog({
            position: {
                of: $(this)
            }
        })
    });
});