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

Есть меню:

<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
Когда посмотрите на меню по этой ссылки, увидите пункт "Ремонт квартир в Москве", иконочным шрифтом я подставил плюс в начале чтобы пользователю было видно что меню содержит элементы.

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

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

Ну так меняйте у активного элемента меню у дочернего <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 вот я и хочу чтобы скриптом менялся иконочный шрифт, или я не прав?

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