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?

• javascript
• jquery
• html

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

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