Dialog Bug
HTML
<script src="http://222.154.253.21:8092/js/liteaccordion.jquery.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<link rel="stylesheet" href="http://222.154.253.21:8092/css/liteaccordion.css">
<button type="button" id="btnDialog" class="fg-button ui-state-default fg-button-toggleable ui-corner-all">
<span class="ui-icon ui-icon-refresh" style="float:left;"></span>Call Dialog
</button>
<div id='filter-dlg'>
<div id="accordion">
<ol>
<li>
<h2>
<span>Slide One</span>
</h2>
<div>Panel One</div>
</li>
<li>
<h2>
<span>Slide Two</span>
</h2>
<div>Panel Two</div>
</li>
<li>
<h2>
<span>Slide Three</span>
</h2>
<div>Panel Three</div>
</li>
<li>
<h2>
<span>Slide Four</span>
</h2>
<div>
<select id="class" name="class">
<option value="-1">Select a Species Class</option>
<option value="Deepwater Finfish">Deepwater Finfish</option>
<option value="Freshwater Fish">Freshwater Fish</option>
<option value="Inshore / Deepwater Finfish">Inshore / Deepwater Finfish</option>
<option value="Inshore Finfish">Inshore Finfish</option>
<option value="Other">Other</option>
<option value="Shellfish">Shellfish</option>
</select>
</div>
</li>
<li>
<h2>
<span>Slide Five</span>
</h2>
<div>
...
JavaScript
$('#filter-dlg').dialog({
title: "Test Dialog",
autoOpen: false,
width: 750,
height: 650,
modal: true,
buttons: {
"Close": function() {
$(this).dialog("close");
}
}
});
$('#accordion').liteAccordion({
containerWidth: 700,
firstSlide: 1,
autoplay: false
});
$('#btnDialog').click(function() {
$('#filter-dlg').dialog('open');
});