Конфликтуют 2 скрипта - jQuery
Всем привет! Народ, есть страница: ссылка
На ней есть 2 вкладки - "о растении" и "интересные факты". Так вот, проблема в том, что если например одна из вкладок свернута, а другая развернута, и нам надо развернуть свернутую вкладку, мы её разворачиваем, а другая в это время автоматически сама сворачивается, подскажите, как это можно исправить, а то я вчера целый день сидел, так решение и не нашёл.
Вот мой файл tabs_hide.js:
А вот то, что в footer.php было подключено - lib.js, очень уж на jQuery похож.
Проблема в том, что в lib.js при клике по вкладке добавляется этой вкладке класс "is-active" - это правильно, но в то же время у соседней вкладки этот класс "is-active" удаляется, и таким образом не получиться сделать так, чтобы одновременно обе вкладки были развернуты, кроме случая когда страница только загрузилась в браузер.
Народ, помогите, может вы знаете решение? Отключать lib.js нельзя - там функционал, который нужен.
Смысл в том, чтобы поведение одной вкладки никак не влияло на поведение другой вкладки.
На ней есть 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(){
//Надо запомнить предыдущее состояние соседней вкладки, чтоб она оставалась такой же, как была
});
});
//отображаем 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(){
//Надо запомнить предыдущее состояние соседней вкладки, чтоб она оставалась такой же, как была
});
});
Проблема в том, что в lib.js при клике по вкладке добавляется этой вкладке класс "is-active" - это правильно, но в то же время у соседней вкладки этот класс "is-active" удаляется, и таким образом не получиться сделать так, чтобы одновременно обе вкладки были развернуты, кроме случая когда страница только загрузилась в браузер.
Народ, помогите, может вы знаете решение? Отключать lib.js нельзя - там функционал, который нужен.
Смысл в том, чтобы поведение одной вкладки никак не влияло на поведение другой вкладки.
Тему можно закрывать, разобрался сам, прочитав вот тут: Foundation