边框仅在切换事件后显示

Question

我使用边框设计了div，但它没有显示：

DIV

<div id="dvPrincipal" style="font-family:Verdana;
             display:inline; border:1px solid #000000;">

但是在我触发了一个jquery方法后，它会显示出来。

JQuery的

$(document).ready(function () {
    $("#<%= chkExibeFiltros.ClientID %>").click(function() {
        $("#dvPrincipal").slideToggle('slow');
    });
});

我真的认为，这是一个浏览器问题（它必须适用于IE），但我不知道如何让它工作。

在运行Jquery Toggle事件之前：

运行Jquery Toggle事件后：

我的JQuery在组件点击中运行：“chkExibeFiltros”，位于Image“Mostrar Filtros”

Answer 1

$.slideToggle()会将display属性重置为inline-block，从而启用边框。无论如何，在inline上使用<div>都没有意义。

Answer 2

不要使用slideToggle()这会给display属性none，如果你想使用display:inline-block属性，则阻止不是inline-block

jQuery('selector').css('display','inline-block');