Вам необходимо добавить в элемент <li> еще один дополнительный элемент, например <span class="toggle-visibility"></span>
клик по нему будет сворачивать-разворачивать список и переключать его же класс
$(function(){
$('span.toggle-visibility').bind('click', function(){
if($(this).next('ul:visible')){
$(this).next('ul').slideUp('fast')
}
else {
$(this).next('ul').slideDown('fast')
})
})
<li>
<a href="#" class="">=> Ступени Духовного Роста</a>
<span class="toggle-visibility"></span>
<ul class="acitem" style="display: none;">
<li><a href="index0.php?_query=Pages./pages/trening_intuicii">Тренинг развития Интуиции</a></li>
<li><a href="index0.php?_query=Pages./pages/kotodama_namerenie">Тренинг Котодамы «Искусство Намерения»</a></li>
<li><a href="index0.php?_query=Pages./pages/trening_uverennosti">Тренинг уверенности в себе «Харизма Человека»</a></li>
<li><a href="index0.php?_query=Pages./pages/prostie_uroki_duhovnogo_rosta">--> 16 развивающих встреч</a></li>
</ul>
</li>
вот как-то так....