Опции выбора не будут отображаться, когда родительский div отображается после скрытия

Question

У меня есть поле выбора, которое вложено в три элемента div следующим образом:

<div id="entry">
    <div id="entryContent">           
         <div>
              <div>
                   Name:
                   <select name="ddlName" id="ddlName">
                    <option value="Name1">Name1</option>
                    <option value="Name2">Name2</option>
                    <option value="Name3">Name3</option>
                   </select>
              </div>
              ...
         </div>
         ...
    </div>
    ...
</div>

CSS:

#entry
{
    position:absolute;
    width:527px;
    height:364px;
    left:69px;
    top:214px;
    z-index:2;
    display:none;
}

Следующий код jquery должен показать / скрыть элемент divна основе нажатия определенных кнопок:

$("document").ready(function() {
    $("#addButton").live("click", function(event) {
        $("#entry").show();
    })
    $("#closeEntry").live("click", function(event) {
        $("#entry").hide();
    })
})

Проблема заключается в том, что когда я впервые нажимаю кнопку добавления, он показывает элемент ввода и поле выбора работает нормально.После того, как я нажму кнопку закрытия и снова нажму кнопку добавления, окно выбора не позволит мне выбрать другой вариант.Он отлично работает в Firefox, но не ie7.

Answer 1

Обнаружено, что это как-то связано с CSS-файлом jQuery UI. Когда я исключаю это, работает. Когда я добавил эффект к функциям hide () и show (), он работал правильно.