SO jQuery Fiddle

Test Fiddle mainly for SO Questions jQuery 1.4.3, UI 1.8.5

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/ui-lightness/jquery-ui.css">
<span class="helpButton">Button</span>
<div class="helpDialog">Help Content</div>
<span class="helpButton">Button 2</span>
<div class="helpDialog">Help Content 2</div>
<span class="helpButton">Button 3</span>
<div class="helpDialog">Help Content 3</div>
<span class="helpButton">Button 4</span>
<div class="helpDialog">Help Content 4</div>
<span class="helpButton">Button 5</span>
<div class="helpDialog">Help Content 5</div>

CSS

body > span { padding: 20px; }

JavaScript

jQuery(function($) {
  $('.helpButton').each(function() {  
    $.data(this, 'dialog', 
      $(this).next('.helpDialog').dialog({
        autoOpen: false,  
        modal: true,  
        title: 'Info',  
        width: 600,  
        height: 400,  
        position: [200,0],  
        draggable: false  
      })
    );  
  }).click(function() {  
      $.data(this, 'dialog').dialog('open');  
      return false;  
  });  
});