jQuery .show不会使隐藏的div可见

Question

我有一个多选框，默认情况下是隐藏的，我想在满足以下条件的条件下显示它，它满足条件但不显示，我错了吗？

  <div><select id="fltBydisc" class="hidden ></select></div>

css隐藏它：

 .hidden{ visibility:hidden }

我有条件显示它：

 if (is_Mbox === true ) {                          
      $("#fltBydisc").show();
           }

is_mbox为true，它到达.show（）部分，但什么也不显示！

Answer 1

请尝试使用class="hidden"，而不要使用style="display: none;"。

Answer 2

使用toggleClass()而不是将布尔值作为第二个参数传递

$("#fltBydisc").toggleClass('hidden', !is_Mbox);

Answer 3

jQuery.show添加display: block，而jQuery.hide添加display:none。

如果要显示隐藏的div调用$("#fltBydisc").removeClass('hidden')

并再次隐藏它$("#fltBydisc").addClass('hidden')