Конфликтуют 2 скрипта
Вложений: 1
Всем привет! Народ, есть страница: 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 нельзя - там функционал, который нужен. Смысл в том, чтобы поведение одной вкладки никак не влияло на поведение другой вкладки. |
Тему можно закрывать, разобрался сам, прочитав вот тут: http://foundation.zurb.com/sites/docs/accordion.html
|
Часовой пояс GMT +3, время: 13:14. |