得到一个显示：当按下按钮时，没有div来切换（以便显示），然后*保持*显示？

Question

我有一个div设置为display：none。

我有一个按钮，使用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

使用.show()

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

将代码更改为此

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

Demo Here

Answer 3

如果您只想展示#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>