Home/ Questions/Q 8441775
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T08:39:19+00:00

I’m trying to hide a div, and I can’t seem to get it working

  • 0

I’m trying to hide a div, and I can’t seem to get it working properly. Here’s my code:

<head>
<title>Home - Chrome</title>
<link rel="stylesheet" href="main.css">
<script src="jquery.js"></script>
<script>
function 1Hide() {
document.getElementById('div1').style.display = 'none';
}
</script>
</head>
<body>
<div id="div1">
</div>
<a onclick="1Hide" href="javascript:void(0);">Click</a>
</body>

CSS:

#div1 {
height: 100;
width: 700;
margin: 30 auto 0 auto;
background: #FFFFFF;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Identifiers cannot start with numbers. Change 1Hide to something like Hide1 instead. Moreover, to call a function, you add parenthesis to the end of the identifier like so:

    Hide1();.

    This will call the function. Your HTML should look like the following:

    <a onclick="Hide1();" href="javascript:void(0);">Click</a>

    Notice the operator () appended to the end of the function name. Whenever you want to call functions this is the syntax you use.

    • 0