[Deff]

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var busymouse=false;
    $('.wq_tag span[id^="wq_tag"]').mouseenter(function(){
if(!busymouse){busymouse=true;
      $('.wq_tag span[id^="wq_tag"]').removeClass("on");
      $(this).addClass("on");
      var i = $('.wq_tag span[id^="wq_tag"]').index(this);
      $('div.wrap').not(":eq("+i+")").slideUp('1300')
      $('div.wrap').eq(i).slideDown('1300', function(){busymouse=false;});
      }
    })

});
</script>
<style type="text/css">
div.wrap {
  padding:3px;
  display:none;
  width:820px!important;
  border:2px outset blue;
}
div.wq_tag span{
  margin:3px;
  display:inline-block;
  border:1px solid red;
  padding:3px;
  
}
div.wq_tag span.on{
  background:#F0F0F0; 
  color:blue;
}
div.wq_tag{
  margin:3px 0;  
}
</style>

<div class="wq_tag"> 
        <span id="wq_tag1">оружие</span> 
        <span id="wq_tag2">броня</span> 
        <span id="wq_tag3">ботинки</span> 
        <span id="wq_tag4">поддержка</span> 
        <span id="wq_tag5">расходные</span>
</div>



<div class="wrap" style="display:block">

	<h2>кровавая длань</h2>
          <table  width="800" cellpadding="0" cellspacing="0" class="wq_list" border="0" bordercolor="#49FF00"> 
            <tr>
              <td class="wq_img">//первый лист<br />

		<img src="http://rot.whitecrows.ru/upload/кровавая%20длань.jpg" height="88" width="88" /><br />

		  </td>
               </tr>
          </table>

</div>

<div class="wrap">
          <h2>шелковый плащ</h2>
          <table width="800" cellpadding="0" cellspacing="0" class="wq_list" border="0" bordercolor="#49FF00"> 
	     <tr>
              <td class="wq_img">//лист 2<br />

		<img src="http://rot.whitecrows.ru/upload/кровавая%20длань.jpg" height="88" width="88" /><br />

		  </td>
            </tr>
          </table>

</div>

<div class="wrap">
          <h2>полосатая кепка</h2>

          <table  width="800" cellpadding="0" cellspacing="0" class="wq_list" border="0" bordercolor="#49FF00"> 
            <tr>
              <td class="wq_img">//лист 3<br />

		<img src="http://rot.whitecrows.ru/upload/кровавая%20длань.jpg" height="88" width="88" /><br />

		  </td>
               </tr>
          </table>


</div>

<div class="wrap">
          <h2>полосатая кепка</h2>

          <table  width="800" cellpadding="0" cellspacing="0" class="wq_list" border="0" bordercolor="#49FF00"> 
            <tr>
              <td class="wq_img">//лист 3<br />

		<img src="http://rot.whitecrows.ru/upload/кровавая%20длань.jpg" height="88" width="88" /><br />

		  </td>
               </tr>
          </table>


</div>

<div class="wrap">
          <h2>полосатая кепка</h2>

          <table  width="800" cellpadding="0" cellspacing="0" class="wq_list" border="0" bordercolor="#49FF00"> 
            <tr>
              <td class="wq_img">//лист 3<br />

		<img src="http://rot.whitecrows.ru/upload/кровавая%20длань.jpg" height="88" width="88" /><br />

		  </td>
               </tr>
          </table>


</div>

Поправил