隐藏后复选框仍然出现空白空间

Question

首先我隐藏了所有显示的checkboxes，然后显示其中的一些但是在显示隐藏的checkboxes仍出现空格的部分之后

// this is hiding checkbox code
$("input[type='checkbox']").parent().hide();

// this is showing checkboxes with value
$("input[value=" + this.themeName + "]").parent().show();

// following is my inspect element
<label style="display: none;"> 
    <input type="radio" value="New Ramy Catalogue-2">
    New Ramy Catalogue-2
</label>

<li style="display: none;">
    <input type="checkbox" value="COUNTRY">
</li>