Basic Jquery Question - hiding an element

Question

sorry for this question but I can't seem to figure it out. I am trying to hide the "#postcodeConf" element on page load but it just doesn't do it! I put the code in JSfiddle and it works as expected!

What am I doing wrong?!

<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script>
$("#postcodeConf").hide();
</script>

</head>
<body>
        <input type="text" id="postcodeEntry">
        <button onclick="myFunction()">Search</button>
        <p id="postcodeConf">Postcode Ok</p>
</body>
</html>

the problem is that `$("#postcodeConf").hide();` runs before the element is created in the html. Wrap your code with `$(document).ready(function() {})` — Carsten Løvbo Andersen, May 05 '20 at 09:03

score 1 · Accepted Answer · answered May 05 '20 at 09:04

    <input type="text" id="postcodeEntry">
     <button onclick="myFunction()">Search</button>
     <p id="postcodeConf">Postcode Ok</p>  

    <script>
     $("#postcodeConf").hide();
    </script>

Add in the following order as dom element can be captured only after its rendered.

Basic Jquery Question - hiding an element

1 Answers1