Проблема с динамическим меню
 

Доброго времени суток!
http://jqueryfordesigners.com/slide-...drawer-effect/
решил применить такое меню у себя на сайте
http://bitrix.master.su/
вроде все хорошо, но вот проблема, когда я перехожу в раздел второго уровня, то менюха скрывается и показывает развернутым только первый раздел
вот сам скрипт вызова

<script type="text/javascript">
<!--
$(document).ready(function () {
$('LI.drawer UL:this(:first)').hide(); // hide all ULs inside LI.drawer except the first one
$('span.drawer-handle').click(function () {
// hide all the drawer contents
$('LI.drawer UL:visible').slideUp().prev().removeClass('open');
// show the associated drawer content to 'this' (this is the current span element)
// since the drawer content is the next element after the clicked span, we find
// it and show it using this:
$(this).addClass('open').next().slideDown();
});
});
//--> 
</script>

что нужно поправить, чтобы допустим я заходил в разделе Мониторы - 15.6 - и этот раздел у меня был открыт после перезагрузки страницы?
Помогите, плиз...