HTML:
<p><b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">msg</b></p>
JS:
$('#url').on('change keyup paste',function(){
$('#msg')style.visibility('visible');});
How can i do it please?
HTML:
<p><b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">msg</b></p>
JS:
$('#url').on('change keyup paste',function(){
$('#msg')style.visibility('visible');});
How can i do it please?
Share Improve this question edited Mar 22, 2018 at 9:50 Kunj 2,0182 gold badges23 silver badges34 bronze badges asked Mar 22, 2018 at 9:07 elison elison 231 silver badge5 bronze badges 4-
You forgot the dot before
style
– P.S. Commented Mar 22, 2018 at 9:09 -
$('#msg').css("visibility", 'visible');
– Jai Commented Mar 22, 2018 at 9:09 - Possible duplicate of How to change visibility of item using jQuery? – dloeda Commented Mar 22, 2018 at 9:10
- $("#msg").toggle(); will help you – Alexis Commented Mar 22, 2018 at 9:13
3 Answers
Reset to default 6You are mixing both Javascript and Jquery.
With Jquery, just change the css property using the function css()
$("#msg").css('visibility', 'visible');
or with pure Javascript
document.getElementById("msg").style.visibility = "visible";
with jQuery, you can use the .css
method like so :
$(document).ready(function () {
$('#msg').css('visibility', 'visible');
});
<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
<b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">message</b>
</p>
$(document).ready(function(){
$('#msg').css('visibility','visible')
//or: initial => Sets this property to its default value
$('#msg').css('visibility','initial')
//or: inherit => Inherits this property from its parent element.
$('#msg').css('visibility','inherit')
})
<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">msg</b></p>