[accordion] right selector definition for the header but wrong effect

[accordion] right selector definition for the header but wrong effect


Hey,
i want to use the jquery accordion plug-in for a list created by the
wordpress wp_list_pages function.
this is the html:
<ul id='navigation'>
<li class="page_item page-item-23"><a href="">wanted item</a>
<ul>
<li class="page_item page-item-25"><a href="">unwanted item</a></
li>
<li class="page_item page-item-85"><a href="" >unwanted item</a></
li>
</ul>
</li>
<li class="page_item page-item-41 current_page_item"><a href="">and so
on</a>
and so on....
my jquery selector which seems to be right (console.log says it's
right... )
my accordion code:
$(function () {
console.log($(' #navigation > li > a'));
// prints the wanted item
$('ul#navigation').accordion({
header: '#navigation > li > a',
event: 'mouseover'
});
});
thanks for helping and regards Volkan