Hello everyone,

In Javascript function I need to make a panel visible. It is already created in HTML, but it is set on none. It should become visible through a code, but so far no luck!

Here is the HTML I have;
HTML Code:
<body>
		<div class="background-container" style="background-image:url('http://docent.cmd.hr.nl/mahie/bbd2013/people-q-g-1280-1024-9.jpg');">
		</div>
		<div class="container">
			<div id="header">
				Studio Nul Fotografie
			</div>
			<div id="photo">
				<img src="http://docent.cmd.hr.nl/mahie/bbd2013/people-q-g-1280-1024-9.jpg" alt="Emanuelle"/>
			</div>
			<div id="overlay_buttons">
				<a href="#">Over Studio Nul	<span class="roundbutton"><img src="arrow_down.png" alt="Openen"></span></a>
			</div>
			<div id="overlay" style="display:none;">
				<p>
					<a href="#" class="roundbutton">X</a>
				</p>
Here is the Javascript I have now;
Code:
function change() {
		$("#overlay_buttons").fadeOut();
		$("#overlay").fadeIn();		
}
I would really appreciate it if you could help me to make the panel visible!

I'm new to Java and want to learn alot of it! I like to start with a few easy basic codes...

Thank You!
- Yahitchu