Javascript-форум - Вместо двух скриптов работает только один (а иногда ни один не работает)

есть код html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Блок появляется сверху от клика ( jQuery) [оптимизированный скрипт] + сменяющиеся блоки</title>
<link type="text/css" rel="stylesheet" href="blok.css">
<script type="text/javascript" src="blok.js"></script>
<link type="text/css" rel="stylesheet" href="panel.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="http://www.03www.ru/1000/jquery00.js"></script>
<script type="text/javascript">
$(document).ready(function(){$(".btn-slide").click(function(){$("#panel").slideToggle("slow");$(this).toggleClass("active");return false;});});</script>
</head>
<body>
<table width="100%" align="left">
<tr>
<td>
//код сменяющихся блоков
<div id="wrapper">
<div id="mask">

<div id="item1" class="item"> 
<a name="item1"></a>
<div class="content">
<table width="100%" height="100%">
<tr valign="middle">
<td width="150px">
</td>
<td align="center">
Здесь Ваш текст
</td>
<td align="right">
<a href="#item2" class="panel"><img src="next.jpg"></a>
</td>
</tr>
</table>
</div>
</div>

<div id="item2" class="item">

<a name="item2"></a>
<div class="content">
<table width="100%" height="100%">
<tr valign="middle">
<td align="left">
<a href="#item1" class="panel"><img src="prev.jpg"></a>
</td>
<td align="center">
Здесь Ваш текст
</td>
<td align="right">
<a href="#item3" class="panel"><img src="next.jpg"></a>
</td>
</tr>
</table>
</div>
</div>

<div id="item3" class="item">

<a name="item3"></a>
<div class="content">
<table width="100%" height="100%">
<tr valign="middle">
<td align="left">
<a href="#item2" class="panel"><img src="prev.jpg"></a>
</td>
<td align="center">
Здесь Ваш текст
</td>
<td width="150px">
</td>
</tr>
</table>
</div>
</div>

</div>
</div>
</td>
<td width="350px">
//код панели
<div id="panel">
<br><form action="http://sendpost.p.ht/file/form_processing.php" method="post">
<p>Ваше имя:<br /><input type="text" name="your_name" /></p>
<p>E-mail:<br /><input type="text" name="email" /></p>
<p>Тема:<br /><input type="text" name="tema" /></p>
<p>Сообщение:<br />
<textarea name="message" rows="5" cols="35"> </textarea></p>
<p><input type="submit" value="Отправить"></p>
</form>
<!-- ???????? ????? -->
</div>
<p class="slide"><a href="" class="btn-slide">Отправить сообщение</a></p>
</td>
</tr>
</table>
</body>
</html>

скрипты не хотят работать, а панель вообще не отображается!
где ошибка? подскажите пожаааалуйста!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Блок появляется сверху от клика ( jQuery) [оптимизированный скрипт]</title> <link type="text/css" rel="stylesheet" href="http://sendpost.p.ht/blok.css"> <script type="text/javascript" src="http://sendpost.p.ht/blok.js"></script> <link type="text/css" rel="stylesheet" href="http://sendpost.p.ht/panel.css"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript" src="http://www.03www.ru/1000/jquery00.js"></script> <script type="text/javascript" src="http://sendpost.p.ht/panel2.js"></script> </head> <body> <table width="100%"> <tr> <td> <div id="wrapper"> <div id="mask"> <div id="item1" class="item"> <a name="item1"></a> <div class="content"> <table width="100%" height="100%"> <tr valign="middle"> <td width="168px"> </td> <td align="center"> Здесь Ваш текст </td> <td align="right"> <a href="#item2" class="panel"><img src="next.jpg"></a> </td> </tr> </table> </div> </div> <div id="item2" class="item"> <a name="item2"></a> <div class="content"> <table width="100%" height="100%"> <tr valign="middle"> <td align="left"> <a href="#item1" class="panel"><img src="prev.jpg"></a> </td> <td align="center"> Здесь Ваш текст </td> <td align="right"> <a href="#item3" class="panel"><img src="next.jpg"></a> </td> </tr> </table> </div> </div> <div id="item3" class="item"> <a name="item3"></a> <div class="content"> <table width="100%" height="100%"> <tr valign="middle"> <td align="left"> <a href="#item2" class="panel"><img src="prev.jpg"></a> </td> <td align="center"> Здесь Ваш текст </td> <td width="169px"> </td> </tr> </table> </div> </div> </div> </div> </td> <td width="350px"> <div id="panel"> <br><form action="http://sendpost.p.ht/file/form_processing.php" method="post"> <p>Ваше имя:<br /><input type="text" name="your_name" /></p> <p>E-mail:<br /><input type="text" name="email" /></p> <p>Тема:<br /><input type="text" name="tema" /></p> <p>Сообщение:<br /> <textarea name="message" rows="5" cols="35"> </textarea></p> <p><input type="submit" value="Отправить"></p> </form>  </div> <p class="slide"><a href="" class="btn-slide">Отправить сообщение</a></p> </td> </tr> </table> </body> </html>