jquery - Having trouble getting multiple dialogs to position in relation to one another -


i'm not sure i'm doing wrong. i'm wanting line 2 dialogs on top of 1 another. "top" on top , "bottom" on bottom. positioning doesn't seem working.

here's html

<body>  <div id="top">   <p>this top element.</p> </div>  <div id="bottom">   <p>bottom element</p> </div> </body> 

here's jquery

$(document).ready(function()  {     $('#top').dialog({         resizable: false,         modal: true,         width: 500,         height: 300     });        $('#bottom').dialog({         resizable: false,         modal: true,         width: 500,         height: 200,         position: {                 of: $('#top'),                 my: 'top left',                 at: 'bottom left'             }     });     }); 

and css

#top {     margin: 10px auto;     padding: 5px;     border: 1px solid #777;     background-color: #fbca93;     text-align: center; }  #bottom {     border: 1px solid #777;     text-align: center; } 


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -