隐藏和显示根据按钮在div使用jQuery

Question

我需要隐藏和鞋取决于按钮使用HTML和jquert

股利是按钮名称=显示状态我按一下按钮更改名称=隐藏和显示的div中，反向同样的功能也

Answer 1

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" /> 

http://jsfiddle.net/Jrz5Y/1/

Answer 2

您可以创建一个布尔变量设置为默认值，并将其更改为它的，只要你按一下按钮倒数。

取决于你可以在你的方法

Answer 3

执行正确的路径布尔的状态，你可以使用这个

<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> 

你的div会是这样。

<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()" /> 

我希望它会起作用。