获取显示：当按下按钮时，没有div切换（使其显示），然后*保持*显示？

Question

我有一个设置为显示的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，然后请用.show()替换.toggle() 但是如果您想显示/隐藏，请使用以下代码。

$('#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>

Answer 2

使用.show()

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

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

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

Answer 3

修改代码，这

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

Demo Here