Positioning dialog below the link that opens it

Positioning dialog below the link that opens it


I'm having trouble figuring out the right syntax to have a dialog open
right below the link that opens it. Can anyone post an example? My
code:
<script type="text/javascript" >
$(document).ready(function() {
$("#expansion_dlg").dialog({
autoOpen: false,
position: [What do I put here?]
});
$("#opendlglink").click(function() {
$("#expansion_dlg").load("contents.html").dialog("open");
});
});
</script>
<a href="#" id="opendlglink">open</a>
<div id="expansion_dlg" title="My Title"></div>