使用Jquery隐藏和显示div

我试图隐藏一个div，在jquery中使用hide函数可以很容易地完成。但它不起作用了，那个部门

<div id="antivirusAlertDiv">
            <ul class="shielding_elements">
                <li>
                    <%= Html.RadioButton("antivirusAlertType", 0, antivirusAlertType == AntivirusAlertType.AlertMe ? true : false)%>
                    <label for="id_4">
                        Alert Me</label>
                </li>
                <li>
                    <%= Html.RadioButton("antivirusAlertType", 0, antivirusAlertType == AntivirusAlertType.DonotAlert ? true : false)%>
                    <label for="id_5">
                        Don’t Alert</label>
                </li>
            </ul>
        </div> 

使用。但是，您需要实际将其绑定到某个事件。例如，如果HTML如下所示：

<button id="clickme">Click to toggle</button>

<div id="antivirusAlertDiv">
    <!-- snip -->
</div>

演示：

---

N.B.您可以将现有代码简化如下：

<div id="antivirusAlertDiv">
    <ul class="shielding_elements">
        <li>
            <label>
                <%= Html.RadioButton("antivirusAlertType", 0, antivirusAlertType == AntivirusAlertType.AlertMe)%>
                Alert Me
            </label>
        </li>
        <li>
            <label>
                <%= Html.RadioButton("antivirusAlertType", 0, antivirusAlertType == AntivirusAlertType.DonotAlert)%>
                Don’t Alert
            </label>
        </li>
    </ul>
</div>

提醒我


不要警觉

• 条件运算符是冗余的
• 将
  环绕相应的输入，可以省略

  for

  属性

---

我是否错过了它，或者您实际上没有在任何地方绑定事件？此外，您正在将html设置为nothing；当它再次显示时，将没有什么可显示。（为什么要删除html？？）

$('#clickme').click(function ()
{
    $('#antivirusAlertDiv').toggle();
});

<div id="antivirusAlertDiv">
    <ul class="shielding_elements">
        <li>
            <label>
                <%= Html.RadioButton("antivirusAlertType", 0, antivirusAlertType == AntivirusAlertType.AlertMe)%>
                Alert Me
            </label>
        </li>
        <li>
            <label>
                <%= Html.RadioButton("antivirusAlertType", 0, antivirusAlertType == AntivirusAlertType.DonotAlert)%>
                Don’t Alert
            </label>
        </li>
    </ul>
</div>