jquery-ui-latest-base

by bchiasson

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<div class="latin_translation">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tincidunt metus sed purus vestibulum venenatis sit amet fermentum eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam lacinia, lorem non vestibulum imperdiet, sem elit accumsan nisi, sed iaculis nulla elit sed ligula. In nisl nisi, consectetur eu rutrum nec, consectetur vel dolor. Fusce quam quam, vehicula in rutrum in, interdum a orci. Aenean elementum velit sit amet est egestas sit amet bibendum ante dictum. Fusce pellentesque, ligula et ultrices fringilla, felis risus elementum justo, in aliquet erat lectus vel ipsum. Sed commodo, leo nec vestibulum aliquam, dolor enim dapibus dui, in eleifend risus dui ac tortor. Cras consequat urna nisl. Donec sagittis sodales quam sit amet tincidunt. Nam eu libero a lectus ultrices consequat ac eget nulla. In et metus vel leo facilisis sodales a at nunc.</p>
<p>
    Aliquam libero leo, elementum tempus bibendum ut, consectetur eget augue. Nulla ut vestibulum nibh. Aenean tellus mauris, gravida nec lobortis sit amet, ullamcorper non ante. Vestibulum vel lorem ligula, vitae molestie lorem. Sed sed sapien sapien, eu consequat libero. Nullam nec lectus sed justo scelerisque accumsan. Proin venenatis elit neque.</p>

<p>Morbi vulputate lacus sed ipsum lacinia auctor. Vivamus accumsan dapibus lacus ut dapibus. Phasellus eget ante turpis, id tempor neque. Donec a consectetur elit. Phasellus feugiat consequat convallis. In scelerisque, magna sit amet ornare suscipit, ipsum tortor condimentum nunc, ut fermentum sapien enim ut nunc. Praesent est tortor, euismod consectetur egestas nec, rhoncus quis nulla. Nunc imperdiet elementum ipsum,...

CSS

div.latin_translation {
    display: none;
}

JavaScript

$('div.latin_translation').dialog({
    height: 250,
    width:  300
});