Deff, а они как то скачут... Тоесть перезагружаю страницу, нормально меняються, потом до последней доходят и как то не так...все. резко.

В принципе, поскольку автозагружаемая библиотека jQuery обновлённой версии уже давно не требует спецфиских цифр в HTML коде, стоит обновить ин-фу - упростив код HTML, - украсив эффектами сss3 cтиль меню

В HTML верх

Код:

<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
.splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

В Объявление

Код:

<center><table style="width: 90%">
<tr>

<td><DIV><div class=splLink>Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

</DIV></DIV></td>

<td><DIV><div class=splLink>Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

</DIV></DIV></td>

<td><DIV><div class=splLink>Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 3

</DIV></DIV></td>

<td><DIV><div class=splLink>Четвертый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 4

</DIV></DIV></td>

<td><DIV><div class=splLink>Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 5

</DIV></DIV></td>

</tr>
</table></center>

Новую ячейку можно добавить таким кодом >

<td><DIV><div class=splLink>N-ый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент

</DIV></DIV></td>

вкладывая между ячейками код <tr></tr> мы можем легко переносить ячейки на новую строку(помня что кол во ячеек в строках должно быть одинаковым (либо прописывая в тегах td colspan="NN" [при нехватке NN ячеек на строчке)

В HTML низ (сокращаем код - уже не нужно вызывать библиотеку jQuery -она уже загружена

Код:

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

http://newwriters.mybb.ru/Вот, тут форум уезжает налево. Как это исправить?