у первого становится display=none
у второго display=block

FeaR51,
:write: На JQ

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('div.wrap').mouseenter(function(){
      $('div.wrap').not(this).find('div[id^="wq_list"]').hide('slow')
      $(this).find('div[id^="wq_list"]').show('slow')
    }).mouseleave(function(){
    });

});
</script>
<style type="text/css">
.wrap div[id^="wq_list"] {
  width:800!important;
}
</style>

<div class="wrap">
          <h2>кровавая длань</h2>
<div id="wq_list1">

          <table  width="800" cellpadding="0" cellspacing="0" class="wq_list" border="1" 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>

<div class="wrap">
          <h2>шелковый плащ</h2>
   <div id="wq_list2" style="display:none;">

          <table width="800" cellpadding="0" cellspacing="0" class="wq_list" border="1" 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>

<div class="wrap">
          <h2>полосатая кепка</h2>
<div id="wq_list3" style="display:none;">

          <table  width="800" cellpadding="0" cellspacing="0" class="wq_list" border="1" 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>

Скрипты и стиль в хидер (или вверх страницы... хотя и в самом низу будут работать

<div class="wrap"> - это перед листом пхать или перед предметом?
просто предмет в листе -_-

Фиолетовым - надпись или шо там - при наведении

Всё, что внутри синего - сворачиваецо

во спасибо работает, поставил бы плюс, но мне нельзя вроде и тд.. могу
немного на яндекс скинуть в знак благодарности

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

что попровить, чтобы работали через id?

Расшифруйте вопрос полностью - отвлекают - теряю нить обсуждения
Ваше кликабельная надпись - сирененвым

Синее и красное - не меняем
сиреневое и черное - как душе угодно - главное - соблюдаем парность тегов

// И не пишите всё в строчку - разделяйте - лучше пожертвовать парой пробелов и переводов строк - чем разбираться в каше

у тебя надо взять код и обернуть полностью лист.
у меня реализовано меню отдельно от листов и оно выводит нужный лист через id. как мне ваш так реализовать?

<div class="wq_tag"> 
        <span class="on"  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 id="wq_list1">
лист 1
</div>
<div id="wq_list2" style="display:none;">
лист 2
</div>

вот например

:blink: А где Вы раньше были ???
Ждите