Показать сообщение отдельно
  #7 (permalink)  
Старый 06.11.2010, 15:19
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Как вариант:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<div>
   <dl>
      <dt>Level1</dt>
      <dd>1</dd>
      <dd>2</dd>
      <dd>3</dd>
   </dl>
   <dl>
      <dt>Level2</dt>
      <dd>1</dd>
      <dd>2</dd>
      <dd>3</dd>
   </dl>
</div>

<style type="text/css">
dl {border-bottom: 1px dotted #006B88; width: 100px;}
dt {color: #466780; cursor: pointer; font: bold 16px arial;}
dd {display: none; margin: 0px;}
</style>

<script type="text/javascript">
$(function(){
    $('div').each(function(){
        $(this).find('dt').click(function(){
            $(this).nextUntil('dt').slideToggle('fast');
        });
    });
});
</script>

Последний раз редактировалось monolithed, 06.11.2010 в 15:22.