javascript - 获取显示 :none div to toggle (so that it displays) when a button is pressed, 然后*保持*显示？

Question

我有一个设置为 display:none 的 div。

我有一个按钮，它使用 jQuery 代码显示 div。

我希望这样当用户再次点击按钮时，什么也不会发生——不管怎样，div 都会保持显示。

如何实现？

我使用的代码:http://jsfiddle.net/eL2AU/

JS:

$('#myBtn').click(function() {
    $('#myDiv').toggle();
});

HTML:

<div id="myDiv" style="display: none">
    Hello this is my div
</div>
<button id="myBtn">Toggle Div</button>

CSS:

#myDiv {
    background-color: red; 
    color: blue; 
    height: 50px
}

谢谢。

Answer 1

如果您只想显示#myDiv，请将.toggle() 替换为.show() 但是如果你想显示/隐藏，请使用下面的代码。

$('#myBtn').click(function() {
  if ($('#myDiv').is(":visible")) {
    $('#myDiv').hide();
  } else {
    $('#myDiv').show();
  }
});

#myDiv {
  background-color: red;
  color: blue;
  height: 50px
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="myDiv" style="display: none">
  Hello this is my div
</div>
<button id="myBtn">Toggle Div</button>