Показать сообщение отдельно
  #1 (permalink)  
Старый 03.11.2010, 10:26
Новичок на форуме
Отправить личное сообщение для cardsmoney Посмотреть профиль Найти все сообщения от cardsmoney
 
Регистрация: 03.11.2010
Сообщений: 9

Выпадающие списки. Помогите подправить код.
Всем привет!
Такая задачка:

Есть список:



<ul>
        <li class="cat-item cat-item-187"><a href="" title="">parent</a>
       
                <ul class="children">
                    <li class="cat-item cat-item-140"><a href="" title="">children</a>  </li>
                    <li class="cat-item cat-item-140"><a href="" title="">children</a>  </li>
                    <li class="cat-item cat-item-140"><a href="" title="">children</a>  </li>
                </ul>
        </li>

        <li class="cat-item cat-item-183"><a href="" title="">parent</a>
                              <ul class="children">
                    <li class="cat-item cat-item-140"><a href="" title="">children</a>  </li>
                    <li class="cat-item cat-item-140"><a href="" title="">children</a>  </li>
                    <li class="cat-item cat-item-140"><a href="" title="">children</a>  </li>
                </ul>
             </li>
    </ul>




Мне нужно, чтобы родители были без ссылок, и при нажатии на них выплывали дети.

Пишу код :


<script type="text/javascript">
      //удаляем ссылки из родителей
       $('ul.children').parent(['li']).find('a:first').css('border', '1px solid #eaeaea').removeAttr('href');
    //пытаемся их заставить выплывать
       $("document").click(function()
    {
        $(this).next('ul.children').slideToggle(300).siblings('ul.children').slideUp('slow');
      });
      </script>

ну и

Код:
    ul.children{
    display:none
    }


тоже прописываю..
но почему то не работает..

помогите исправить..
Ответить с цитированием