[cardsmoney]

Всем привет!
Такая задачка:

Есть список:

<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
    }

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

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