Помогите разобраться с меню

[Вадим Вадимыч]

Есть меню:

<nav id="MainMenu">

<div class="list-group panel">

<a id="tplParentRow1" href="#35" class="list-group-item hvr-underline" data-toggle="collapse" data-parent="#MainMenu">
<span class="fa fa-chevron-down fa-lg"></span> Ремонт однокомнатной квартиры</a>

<div class="collapse" id="35">
<a href="remont-odnokomnatnoj-kvartiryi-30-metrov.html" class="first list-group-item"><span class="fa fa-minus fa-lg"></span> Ремонт квартиры 30 метров</a>
<a href="remont-odnokomnatnoj-kvartiryi-60-metrov.html" class="last list-group-item"><span class="fa fa-minus fa-lg"></span> Ремонт квартиры 60 метров</a>
</div>

<a id="tplParentRow1" href="#36" class="list-group-item hvr-underline" data-toggle="collapse" data-parent="#MainMenu"><span class="fa fa-chevron-down fa-lg"></span> Ремонт двух комнатной квартиры</a>

<div class="collapse" id="36">
<a href="remont-dvux-komnatnoj-kvartiryi-30-metrov.html" class="first list-group-item"><span class="fa fa-minus fa-lg"></span> Ремонт двух комнатной квартиры 30 метров</a>
<a href="remont-dvux-komnatnoj-kvartiryi-60-metrov.html" class="last active current list-group-item"><span class="fa fa-minus fa-lg"></span> Ремонт двух комнатной квартиры 60 метров</a>
</div>

<a id="tpl" href="remont-balkonov.html" class="list-group-item hvr-underline">Ремонт балконов</a>
<a id="tpl" href="/" class="list-group-item hvr-underline">Ремонт квартир</a>
</div>
</nav>

Есть скрипт:

<script>
$(function(){
  $('#MainMenu .current').parent('div.collapse').addClass('in');
});
</script>

Меню работает прекрасно, а скрипт который после загрузки страницы должен разворачивать меню аккордеон с текущим пунктом, не работает ПОМОГИТЕ ПОЖАЛУЙСТА, В ДЖАВА ПОЛНЫЙ НОЛЬ

Вот живой пример меню на сайте: http://lisovv.bget.ru/remont-dvux-ko...60-metrov.html

[рони]

Вадим Вадимыч,
в этой строке у вас уже нет $, да и один класс тут не поможет, поэтому так, но это должно быть сделано сервером, а не клиентом.

jQuery(function(){
  jQuery('#MainMenu .current').parent('div.collapse').prev().trigger("click");
});

[Вадим Вадимыч]

Рони все равно не работает, при загрузки страницы акардеон не раскрыт!
Помогите пожалуйста вторые сутки на это убиваю

[Вадим Вадимыч]

Прошу прошения все работает Спасибо Рони

[рони]

все равно не работает

спокойствие, всё работает, почистите кеш.

[Вадим Вадимыч]

Рони доброе утро. Меню сделал и перенес на основной сайт, все работает прекрасно, спасибо вам!

Но вот дурная голова не дает покоя рукам, вот что хочется реализовать:
Вот пример получившегося:http://maniyaremonta.ru/remont-kvartir-kotelniki.html
Когда посмотрите на меню по этой ссылки, увидите пункт "Ремонт квартир в Москве", иконочным шрифтом я подставил плюс в начале чтобы пользователю было видно что меню содержит элементы.

Вопрос: можно ли сделать чтобы нажимая на подобные ссылки в меню, при клике и раскрытии иконочный шрифт менялся например с "плюса" на "крестик", и обратно по клику сохраняя функционал?

Помогите пожалуйста, и прошу прошения за то что отвлекаю!!!

[laimas]

Ну так меняйте у активного элемента меню у дочернего <i> класс fa-chevron-down на другой желаемый. А лучше fa-chevron-down оставить, разворачивая его.

[рони]

Вадим Вадимыч,

jQuery(function(){
  jQuery('#MainMenu .current').parent('div.collapse').prev().trigger("click");
  jQuery('a.collapsed').on('click', function() {
  jQuery('i',this).toggleClass('fa-plus fa-minus')
});
});

добавить строку 3, если нужно уточнить селектор 'a.collapsed'

[Вадим Вадимыч]

Сайт сделан на MODX вот я и хочу чтобы скриптом менялся иконочный шрифт, или я не прав?

[laimas]

Сайт сделан на MODX

Какая разница на чем он сделан, в стилях применяется подключаемый шрифт Font Awesome и у него есть готовый подключаемый css различных анимаций, да и свою написать не сложно. У вас неудачно выбраны иконки для родителей и дочерних элементов меню не имеющих вложений.