PHP Lang
  1. PHP Lang
  3. Как сфокусировать верхний заголовок Аккордеона, когда мы нажимаем на это
Intereting Posts
База данных ошибок CakePHP не определена Как отправить несколько <input type = "checkbox" /> как массив в PHP? Аутентификация Google Glass GDK с использованием PHP Как определить текущий язык Joomla! Веб-сайт? Преобразования между десятичной точкой и базой 36 Транслитерировать любой конвертируемый utf8 char в эквивалент ascii Доктрина 2 Наследование с ассоциацией Массив хранилища Laravel в сеансе Запрос xpath с регулярным выражением Развернуть аргументы трассировки стека PHP PHP – дата между двумя другими датами – Игнорирующий месяц PHP Неустранимая ошибка: класс DOMPDF не найден в строке 30 PHP – ошибка доступа к MySQL – работает в других программах PDO: передать функцию MySQL для bindValue / bindParam Разница по дате только с учетом года месяца

Как сфокусировать верхний заголовок Аккордеона, когда мы нажимаем на это

JS FIDDLE OF MY ACCORDION

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

В js скрипке по умолчанию html активен и состоит из 11 вопросов. И теперь PHP по умолчанию рушится, и когда мы нажмем на него, он откроется, и HTML рухнет.

Моя проблема в том, когда я нажимаю на PHP он показывает последний вопрос в моем случае, он показывает 11-й вопрос PHP , на самом деле он должен показать первое quuestion PHP, как я могу его достичь ..?

Пожалуйста, см. Скрипт js, который я поделил.

я пробовал 3 разных способа, но никто не работает: 

 $("#panelForPHP").click(function(){ $("#accordionPHP").focus(); }); $("#panelForPHP").click(function(){ $("#collapsePHP1").focus(); }); $("#panelForPHP").click(function(){ $("#panelForPHP").focus(); });

Related of "Как сфокусировать верхний заголовок Аккордеона, когда мы нажимаем на это"

Прокрутка вверх до верхней части панели 

 $('#accordionMain').on('shown.bs.collapse', function() { var panel = $(this).find('.in'); $('html, body').animate({ scrollTop: panel.offset().top }); });

Чтобы прокрутить список до заголовка панели, 

 $('#accordionMain').on('shown.bs.collapse', function() { var panel = $(this).find('.in'); $('html, body').animate({ scrollTop: panel.offset().top -55 }); });

Иерархическая структура аккордеонов делает проблему мало сложной в вашем случае. Когда вы открываете «вопрос 11» из «PHP», он прокручивается к первому элементу с классом «.in». Класс «.in» вставляется с помощью сценариев начальной загрузки в активное тело панели. Когда щелкнут «вопрос 11», есть два активных тела панели, сначала содержащие 11 вопросов под PHP и второй содержащий ответ на вопрос 11.

В этом случае вам нужно убрать последнее тело панели с классом «.in». 

 var panel = $(this).find('.in').last();

Если вы закроете PHP (родительский аккордеон), оставив вопросы (дочерний аккордеон) открытыми и снова откройте родительский аккордеон, он прокрутит до последнего открытого дочернего аккордеона, так как это последний элемент с классом «.in».