javascript - jQuery 切换更改元素的宽度？我不想这样

Question

我目前有一个宽度为 94% 的表格，并为其设置了以下切换:

    $(document).ready(function(){

        $("#moreinfo").hide();

        $("#toggleinfo").click(function () {
            $("#moreinfo").toggle('normal');
        });

    });

它可以很好地切换，但是一旦切换，宽度就会变得非常小，我不知道为什么。如果我删除 hide()，它的宽度是正确的，但一旦我开始切换它，宽度就会自动调整大小。

刚刚也尝试了以下 CSS:

#moreinfo { width: 94% !IMPORTANT; }

编辑:当我切换它时，它似乎完全删除了通过 CSS 应用的任何宽度

Edit2:将它包装在另一个 div 中有效!不理想，但我想这不是一个糟糕的解决方案。

有什么办法可以阻止这种情况吗？

Answer 1

jQuery toggle() 函数将您的目标元素(在本例中为'#moreinfo')设置为display: block。这只是一个猜测，没有看到您的 CSS 或 HTML，但我认为表格在更改其显示属性时定位或布局不正确。

您可以通过使用 display: inline 或 position: relative 将 moreinfo 元素包装在另一个 div 中来解决这个问题？但这只是一个猜测。不同的浏览器是否显示相同的结果？