Связать ссылку с меню аккордеон

@Kristinna2007 · Регистрация: 25.11.2015

Author24 — интернет-сервис помощи студентам

Добрый день. Помогите в решении двух проблемы. Есть меню аккордеон на тест сайте http://746584.avtogr06.web.hosting-test.net/. Все работает практически замечательно. При нажатии на картинку-ссылку - активные пункты меню подсвечиваются, но (проблема №1) аккордеон не раскрывается. Подскажите, пожалуйста, как связать эти два события.
И проблема №2 при переходе по главному меню http://746584.avtogr06.web.hos... hp/obo-mne - аккордеон раскрывается и никак его не закрыть...

Может кто-то сможет меня натолкнуть на правильный путь... Заранее буду благодарна )))

Добавлено через 14 минут
Вот код для подсветки меню аккордеона

Javascript

<script type="text/javascript">
jQuery(document).ready(function() {
    var url = window.location.href.split('//')[1];
    var link = url.replace('746584.avtogr06.web.hosting-test.net', '');
    var seg = url.split('/');
    console.log(url);
    jQuery("a[href='http://"+url+"']").css({color: "#B49E7F" });
    if(seg.length == 4){
        
        jQuery("a[href='"+link+"']").closest(".dcjq-parent").css({display: "block"});
    }
})
</script>

Добавлено через 44 секунды
что можно в нем изменить, что бы раскрывался аккордеон

Добавлено через 4 часа 32 минуты
И что неукого нет идей????

@Kristinna2007 · 19.01.2016, 20:15 **[ТС]**

Отвечаю сама на свой вопрос

Были не правильно подключены файлы, поэтому аккордеон не работал.
Заменила вот этот код

Javascript

<script type="text/javascript">
jQuery(document).ready(function() {
var url = window.location.href.split('//')[1];
var link = url.replace('746584.avtogr06.web.hosting-test.net', '');
var seg = url.split('/');
console.log(url);
jQuery("a[href='http://"+url+"']").css({color: "#B49E7F" });
if(seg.length == 4){
 
jQuery("a[href='"+link+"']").closest(".dcjq-parent").css({display: "block"});
}
})
</script>

на

Javascript

jQuery(function() {
// определяем совпадения URL текущей страницы и ссылок меню
// присваиваем к совпавшим новый класс
 var linkMenu = jQuery('.accordion .accord > li > a');
  linkMenu.each(function() {
    var position = window.location.href;
    var link = this.href;
    var linkHahs = window.location.hash;
    var linkSearch = window.location.search;
       if(position == link ||
          position == link + linkHahs ||
          position == link + linkSearch ||
          position == link + linkSearch + linkHahs)
         {
          $(this).parent('li').addClass('current');
         }
  });
 
 var accordion_head = $('.accordion > li > a'),
     accordion_body = $('.accordion li > .accord'),
     accordion_link = $('.accordion li > .accord > li.current'); //переменная текущего пункта меню
 
//открываем раздел где найдена текущая ссылка
//добавляем класс к заголовку открытого раздела
 
  accordion_link.each(function(){
   jQuery(this).parent().slideToggle();
   jQuery(this).parent().parent().children('a').addClass('active');
  });
 
  accordion_head.on('click', function(event) {
    event.preventDefault();
    if (jQuery(this).attr('class') == 'active'){
        accordion_body.slideUp('normal')
        $(this).removeClass('active');
        return false;
       }
    if (jQuery(this).attr('class') != 'active'){
        accordion_body.slideUp('normal');
        jQuery(this).next().stop(true,true).slideToggle('normal');
        accordion_head.removeClass('active');
        jQuery(this).addClass('active');
        
       }
 
  });
});

В принципе при переходе меню стало раздвигаться активный пункт подсвечивается.

При этом возникла проблема - когда переходишь по пунктам меню аккордеон закрывается.
Пожалуйста, кто может натолкните на правильный пункт...Уже третью неделю бьюсь головой об стенку !!!!!

	19.01.2016, 20:15