Показать сообщение отдельно
  #1 (permalink)  
Старый 11.07.2017, 09:40
Аватар для fenix_63
Аспирант
Отправить личное сообщение для fenix_63 Посмотреть профиль Найти все сообщения от fenix_63
 
Регистрация: 05.06.2014
Сообщений: 92

Конфликтуют 2 скрипта
Всем привет! Народ, есть страница: http://krls.beta3.ceteralabs.com/cat...-kornevishcha/

На ней есть 2 вкладки - "о растении" и "интересные факты". Так вот, проблема в том, что если например одна из вкладок свернута, а другая развернута, и нам надо развернуть свернутую вкладку, мы её разворачиваем, а другая в это время автоматически сама сворачивается, подскажите, как это можно исправить, а то я вчера целый день сидел, так решение и не нашёл.

Вот мой файл tabs_hide.js:
$(document).ready(function(){
 
    //отображаем 2-ю вкладку в раскрытом виде
    var $element = $('.accordion-item:last-child');
    $element.addClass('is-active');
    $element.find('.accordion-content').css({'display':'block'});
 
 
    //начальные состояния (true/false)
    var $tab1 = $('.accordion-item:first-child').hasClass('is-active');
    var $tab2 = $('.accordion-item:last-child').hasClass('is-active');
 
    $('.accordion-item').on('click', function(){
        //Надо запомнить предыдущее состояние соседней вкладки, чтоб она оставалась такой же, как была
 
    });
 
 
});


А вот то, что в footer.php было подключено - lib.js (во вложении), очень уж на jQuery похож.
Проблема в том, что в lib.js при клике по вкладке добавляется этой вкладке класс "is-active" - это правильно, но в то же время у соседней вкладки этот класс "is-active" удаляется, и таким образом не получиться сделать так, чтобы одновременно обе вкладки были развернуты, кроме случая когда страница только загрузилась в браузер.

Народ, помогите, может вы знаете решение? Отключать lib.js нельзя - там функционал, который нужен.
Смысл в том, чтобы поведение одной вкладки никак не влияло на поведение другой вкладки.
Вложения:
Тип файла: zip lib.zip (60.0 Кб, 2 просмотров)
Ответить с цитированием