Javascript 使用jquery根据按钮隐藏和显示div

我需要使用html和jquert根据按钮隐藏和隐藏div

按钮名称=显示状态i单击按钮更改为名称=隐藏并显示div，同样的功能反过来也可以执行类似操作（注意自定义显示属性）：

You could do something like this (Note the custom display attribute):

$("#btn").click(function() {
   var item = $("input[name=yourInput]");

   if (item.attr("display")) {
      item.show();
      item.attr("display", false);
   } else {
        item.hide();
        item.attr("display", true);
    }
});

<input name="yourInput" display="true" />

$（“#btn”）。单击（函数（）{ 变量项=$（“输入[name=yourInput]”）； if（item.attr（“显示”））{ item.show（）； item.attr（“显示”，false）； }否则{ item.hide（）； item.attr（“显示”，真）； } });

---

您可以创建一个设置为默认值的布尔变量，并在单击按钮时将其更改为其反向值

根据布尔值的状态，您可以在方法中执行正确的路径

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">

    function ShowHide()
    {
            if ($("#divdata").css('display') == 'none'){
            $("#divdata").show();
            $("#btnClick").val("Hide");
        }
        else{
            $("#divdata").hide();
            $("#btnClick").val("Show Status");
        }
}

</script>

函数ShowHide（）
{
if（$（“#divdata”）.css（'display'）=='none'）{
$（“#divdata”）.show（）；
$（“#btnClick”）.val（“隐藏”）；
}
否则{
$（“#divdata”）.hide（）；
$（“#btnClick”）.val（“显示状态”）；
}
}

你的部门会是这样的

<div id="divdata" style="display:none">
I have to show and hide this div.
</div>

我必须显示和隐藏这个分区。

按钮将是这样的

<input id="btnClick" type="button" value="Show Status"   onclick="ShowHide()" />

---

我希望它能起作用。

@user279这是一个单独的按钮，只需将#btn更改为您的按钮id。我已经使用了此方法，但总是说“$null未定义”您包括jquery库了吗？我发布了一个JS提琴来证明它是有效的。我包括了jquery库。我们需要哪一个？目前，最新的是1.9:code.jquery.com/jquery-1.9.0.min.JS“>