Javascript 元素隐藏在chrome中的jquery问题

我正在隐藏单击事件的元素。我有输入复选框元素，点击我隐藏这些元素。它在firefox中运行良好，但在chrome中，元素隐藏，但仍有一些空间。我已经附上了图片。如果有人有任何暗示，请告诉我

!

代码是这样的

<div id="cat">  
            <div id="cat-head">
                <img src="opeb-arrow.png"></img>
                <h2 id="filter-heading"><b>Frame Styles</b></h2>
            </div>
            <input type="checkbox"><span>Geek&nbsp;(123)</span></input><br>
            <input type="checkbox"><span>Round&nbsp;Eye&nbsp;(3435)</span></input><br>
            <input type="checkbox"><span>Cat&nbsp;Eye&nbsp;(5675)</span></input><br>
            <input type="checkbox"><span>Wayfarer&nbsp;(234)</span></input><br>
            <input type="checkbox"><span>Aviator&nbsp;(545)</span></input><br>
        </div>

---

可能您使用了jquery.hide（）和.show（）方法。这些功能在firefox中运行得很好，但在chrome中，隐藏的div下面还有一些空间

您可以使用这些方法来隐藏和显示chrome问题

$('#cat-head').css('display', 'none');
$('#cat-head').css('display', 'block');

---

这解决了我的问题。希望有帮助。

图像不会告诉任何有关代码的信息。请尝试将所有

放在单独的

中，并对其应用切换。

$('#cat-head').css('display', 'none');
$('#cat-head').css('display', 'block');