Помогите по Juery

Здравствуйте,

Вопрос такой: 50w.ru/price

Хочу сделать чтобы при нажатии на "кнопку" выползало то, что в теге div

При нажатии на нее же, сворачивалась обратно, а при нажатии на другую кнопку, преждняя не сворачивалась..

Сейчас что то не получается, выплывает все сразу :)

код такой:

... подключаем juery...

<script type="text/javascript">
$(document).ready(function(){

	$(".btn-slide").click(function(){
		$(".panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
	 
});
</script>

<style type="text/css">
.panel {
	display: none;
}
.slide {
	background: url(http://bitby.net/wp-demo/images/slid.gif) no-repeat center top;
}
.btn-slide {
	background: url(http://bitby.net/wp-demo/images/ar.gif) no-repeat right -50px;
	display: block;
	text-decoration: none;
}
</style>

<div class="panel">
Таблица1
</div>

<p class="slide"><a href="#" class="btn-slide">Таблица 1</a></p>

<div class="panel">
Таблица 2
</div>

<p class="slide"><a href="#" class="btn-slide">Таблица 2</a></p>

Пробовал прописывать к div id и прочие танцы с class и id, но что то не помогло.. чуствую, что допускаю какую то глупую ошибку, по причине нехватки опыта...

Думаю нужно что то дописать в

$(document).ready(function(){
	$(".btn-slide").click(function(){
		$(".panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;

Прошу помощи ))