#pun {border-color: transparent; margin:auto;}

Code'n'skript

Объявление

< >

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Code'n'skript » Скрипты » Скрипт названий с выпадающими элементами.


Скрипт названий с выпадающими элементами.

Сообщений 1 страница 2 из 2

1

Сам скрипт

<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Название и выпадающее содержимое являются частями таблицы.

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

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Название кнопки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Содержимое кнопки</DIV></DIV>
</div></td>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Название кнопки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Содержимое кнопки</DIV></DIV>
</div></td>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Название кнопки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Содержимое кнопки</DIV></DIV>
</div></td>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Название кнопки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Содержимое кнопки</DIV></DIV>
</div></td>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Название кнопки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Содержимое кнопки</DIV></DIV>
</div></td>

</tr>
</table>

Этот элемент таблицы можно дублировать или удалять.

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Название кнопки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Содержимое кнопки</DIV></DIV>
</div></td>

0

2

Особенность скрипта:
Расположение Названий может быть как в строчку, так и столбиком.
Если понадобится и второй способ - обращайтесь.

0


Вы здесь » Code'n'skript » Скрипты » Скрипт названий с выпадающими элементами.