HTML - Drsni panel

Lep pozdrav,

za spletno stran delam drsni panel, na katerega klikneš in se potem kot nek spustni meni pokaže. Delam z jQuery. Prišel sem do problema.

Panel ki se naj bi spustil zavzame prostora toliko kolikor je širok in visok in pod njim ne moreš nič napisati.

Torej naredit želim panel na katerem je nekaj napisano in je tik pod gumbom ki sproži panel ki zadrsa čez spodnji panel in ga skrije ter pokaže vsebino na slide panelu?

Torej, kako dva panela prekriti?
Java vključena v HTML:

var sipPos = 0;
$(document).ready(function() {
	$("#panel-tab_slide").click(function(e) {
		e.preventDefault();
		$("#panel_slide").animate({top: sipPos }, 400, 'linear', function() {
			if(sipPos == 0) { sipPos = -400; }
			else { sipPos = 0; }
		});
	});
});

HTML

<div id="content">
	<table width="100%" border="0" cellpadding="0" cellspacing="0" id="page">
		<tr valign="top">
			<td id="column1"><h2>Podpora</h2>			
				<div id="content_slide">
					<div id="panel_slide">
						<a href="#" id="panel-tab_slide">Click Me</a>
							<p>Panel content goes here</p>							
					</div>
				</div>				
			</td>				
		</tr>
	</table>
</div>