Dialog Bug

by marcuus

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');
});