Выпадающее меню

kpripper пишет:А почему по содержимому нельзя кликнуть ?

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.splLink').click(function(){
jQuery(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

div.splLink {
width: 130px;
height: 18px;
border: 2px solid #A0522D;
background: #FFFACD;
text-align: center;
font-family: Times New Roman;
font-size: 15px;
padding: 3px;
}
.spll {
width: 130px;
height: 25px;
}
.spll div.splCont {
height: auto;
width: auto;
background: url(http://tps.bbmy.ru/uploads/0003/83/96/1556-1.png);
padding: 5px;
z-index: 1000;
margin-top: 0px;
border: 1px dotted #CD853F;
font-size: 14px;
font-family: Times New Roman;
text-align: center;
}

Код:

  

Код:

{switch_desc.SITE_DESCRIPTION}

<center>
<table style="width: 80%">
<tr>
<td>
<div class="spll">
<div class="splLink">Контейнер 1</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 1
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 2</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 2
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 3</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 3
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 4</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 4
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 5
</div>

</div>
</td>
</tr>
</table>
</center>

Код:

<img src=" адрес картинки ">

Код:

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery('.splLink').parent().hover(function(){
jQuery(this).children('div.splCont').toggle('normal');
  },
  function(){
jQuery(this).children('div.splCont').toggle('normal');
  });
});
</script>

kpripper пишет:Такой вопрос : как изменить ширину выпадающего окошка ? Например поставить такую же как у контейнера.

div.splLink {
width: 130px;
height: 18px;
border: 2px solid #A0522D;
background: #FFFACD;
text-align: center;
font-family: Times New Roman;
font-size: 15px;
padding: 3px;
}
.spll {
width: 130px;
height: 25px;
}
.spll div.splCont {
height: auto;/*высота всплывающего поля*/
width: auto; /*ширина всплывающего поля*/
background: url(http://tps.bbmy.ru/uploads/0003/83/96/1556-1.png); /*фон всплывающего поля*/
padding: 5px;/*отступ содержимого в поле*/
z-index: 1000;
margin-top: 0px; /*отступ поля от кнопе. менять не рекомендуется если открытие производится наведением*/
border: 1px dotted #CD853F; /*рамка поля*/
font-size: 14px; /*размер шрифта всплывающего поля*/
font-family: Times New Roman;/*шрифт всплывающего поля*/
text-align: center;
}

kpripper пишет:И такая проблема: иногда при наведении курсора на контейнер, содержимое трижды мигает и только потом нормально показывается.

kpripper пишет:Еще раз спасибо, Домовой.
Вот что вышло


Разобрался со всем, кроме куска кода

<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >

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

Код:

<div class="spll">
<div class="splLink">Контейнер 5</div>/*class кнопки*/
<div style="DISPLAY: none; position: absolute;" class="splCont" >/*class и position всплывающего окна*/

kpripper пишет:Еще вопрос, последний контейнер отвечает за вход-выход. Пришлось его так и назвать. Как сделать чтобы название ссылки менялось при входе на "Выход" и при выходе на "Вход" ?