Почему не работает аккордеон

Аккордеон перестал работать после того, как я вставил его в свой

У меня есть сайт, работающий по шаблону WordPress. Я вставил весь код аккордеона из W3School (здесь это https: //www.w3schools .com / HOWTO / howto_js_accordion.asp ) . моя версия неожиданно не работает.

Я включил строки CSS в файл main.css:

Я добавил HTML-код на странице через консоль администратора:

Затем я создал файл scripts.js и добавил его в шаблон с wp_enqueue_script в functions.php. так что я вижу, что он загружается, когда отображается код страницы.

Содержимое файла scripts.js:

Тогда при нажатии на аккордеоне ничего не происходит: в консоли нет ошибок js, не отображается содержимое аккордеона. как я мог заставить это работать?

Upd 1 изменил имена классов на уникальные js

Upd 2, когда я меняю порядок файлов .js, что мой файл идет в конце списка, то я получаю ошибку

Так что я полагаю

3 ответа

Я обнаружил, что WordPress добавляет p-теги в мой HTML-код, поэтому скрипт js рассматривал фантомные p-теги как целевые теги и пытался применить к ним действия. я отключил эти добавления:

В моем functions.php

Ваша ошибка в том, что вы смешали базовую версию (без анимации) с анимированной.

Для базовой версии уберите min-height: 0; и заменить его на дисплей: нет. Это потому, что ваша максимальная высота равна 0, а ваш код javascript меняет отображаемое значение с «none» на «block» и наоборот при нажатии. Следовательно, элемент становится блочным элементом, однако его высота ограничена max-height: 0.

Ваш CSS должен быть:

Или вы можете просто изменить свой JS, чтобы изменить значение максимальной высоты вместо отображаемого значения.

В вашем CSS заменить

Я только что проверил ваш код и только эта замена заставила его работать

Источник

Форум

Справочник

Страница 1 из 2 1 2 >
Опции темы Искать в теме

Я делаю сайт на Modx.
Но проблема у меня как раз в меню, а именно с javascript кодом аккордеон меню.
Изначально я брала пример двохуровневого меню и пыталась переделать на трьохуровневый.
Но возникла проблема.
Само меню выглядит так — «problema-menu.jpg» (картинка во вложении).
При нажатии на элемент меню нижнего уровня — на «FAAC 740», например, мое меню сворачивается до верхнего уровня (картинка «problema-menu-1.jpg» во вложении).
Видимо что-то в коде не дописано. Но где и как, я не знаю.

Как мне сделать, чтобы при нажатии на третий уровень меню, само
меню оставалось открытым на нужном уровне.

Некоторые данные:
1) Для создания меню используется css документы и два js документа.
Один — jquery-1.5.2.min.js (подключен к сайту).
Второй — scriptbreaker-multiple-accordion-1.js (с ним и проблемы).
2) Вот код scriptbreaker-multiple-accordion-1.js:

3) Сейчас сайт на локалке.

Прошу помочь новичку.
Очень нужно срочно решить эту проблему.

Источник

Почему в IE не раскрывается аккордеон меню, а через Google Chrome и Мозиллу все работает?

почему в IE не раскрывается аккордеон меню, а через Google Chrome и Мазилу все работает.
Ссылка на страничку с этим меню
http://school69.ucoz.ru/index/pozdravljaem/0-14

Код самого меню:

Код в CSS для этого меню:

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Баг в Google Chrome при ajax-запросе, Скрипт работает во всех браузерах кроме Google Chrome
данный скрипт срабатывает везде (опера, ИЕ, ФФ, Сафари), кроме Google Chrome: // запись в кэш.

Почему не работает прокрутка колесиком мышки модального окна в google chrome?
Есть картинка, которая открывается в модальном окне bootstrap. При большом размере изображения.

все браузеры открываются через google chrome
Здравствуйте.Помогите пожалуйста.Все браузеры открываются через google chrome,при этом постоянно.

Google Chrome не работает в обычный режим, а в режим инкогнито все работает
Ситуация такая: Гугл хром не работаеть, бесконечно загрузка идет, а в режиме инкогнито четка.

Записывайтесь на профессиональные IT-курсы здесь

css-свойство :hover не поддерживается в старых версиях IE. А так как в документе не указан именно в режиме «старом» работает браузер. Думаю, может проблема в этом..

Добавлено через 11 минут
А оно по-ходу до сих пор не поддерживается. Поищи костыли на эту тему.

Извиняюсь за дремучесть, я не совсем понимаю, подскажите, пожалуйста, это вот так должно выглядеть ?
Перед тегом HEAD ?

Здравствуйте! У меня аналогичная проблема, а именно: создаю сайт с использованием joomla 3. решил вставить готовый модуль аккордеон меню Accordeonck_2.0.2_j30, пункты меню не раскрываются в IE (у меня десятая версия), в других браузерах работает хорошо.

doctype прописан Впрочем, заменял на , картины не меняет.

свойство hover в коде самого меню используется вроде бы исключительно в связке типа li.level1 a:hover <. >, а с hover для ссылок у IE проблем быть не должно.

есть варианты, в чем заключается проблема? если нужно, то вот сам модуль: http://rghost.ru/47500206 Пожалуйста, помогите.

Обучайтесь IT-профессиям с гарантией трудоустройства здесь.

Изменение контекстного меню google chrome
Перелопатил адскую гору плагинов хрома и интернет на предмет изменения контекстного меню хрома.

Почему в браузере Google Chrome просвечивается winamp?
Сам winamp находится сзади, но часть его почему то появляется в окне браузера. Как это вообще можно.

Почему в google chrome сайт выглядит меньше
Может конечно вопрос и глупый, но всё же спрошу, не нашёл в инете ответа. В фаерфоксе сайт.

Почему Google Chrome не выводит в БД введенную информацию в textarea?
Почему Google Chrome не выводит в БД введенную информацию в textarea? Все браузеры выводят.

Или воспользуйтесь поиском по форуму:

Изучайте английский язык в крупнейшей европейской школе Skyeng

Источник

Не срабатывает аккордеон

Комментарий модератора
Используйте соответствующие теги в редакторе для форматирования кода!

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Запрос срабатывает в SQL Server, но не корректно срабатывает в Visual Studio 2017
(SELECT ROW_NUMBER() over (ORDER BY AVG(Отметки.Отметка) DESC) ID, .ФИО, .Группа, Отметки.

Таймер срабатывает раньше времени или вообще не срабатывает
Помогите, пожалуйста, разобраться, что нетак с таймером. Браузер Chrome При создании записи.

Аккордеон
Здравствуйте, при нажатии на h3 аккордеон работает, если в коде h3 заменить на li, то аккордеон.

Аккордеон
Вообщем уже около недели периодически разбиваюсь о «камни». Нужно чтоб меню обратно.

Записывайтесь на профессиональные IT-курсы здесь

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

Добавлено через 7 минут
не правится уже предыдущее сообщение придется исправленное еще раз прописать

Решение

Решение

Обучайтесь IT-профессиям с гарантией трудоустройства здесь.

Аккордеон
Подскажите,как сделать аккордеон открывающийся влево, при этом чтобы все его элементы также плавно.

Аккордеон
Уже 2й день немогу найти jb,re по причине незнакия java, помогите осознать и исправить. var.

widgetkit аккордеон
У меня joomla2.5 Скачала и установила widgetkit аккордеон. Все работало. Но перенесла на хостинг.

Меню аккордеон
Есть менюшка аккордеон. Как сделать так чтоб первый пункт меню по-умолчанию (при загрузке.

Или воспользуйтесь поиском по форуму:

Изучайте английский язык в крупнейшей европейской школе Skyeng

Источник

Почему мой аккордеон Bootstrap не работает должным образом?

Я создаю сайт с помощью Bootstrap 4, и у меня есть 3

Мой код здесь. (Нажмите кнопки «Sobre Paygol», «Vendedores» и «Compradores»).

Я не могу зафиксировать ошибку в своем коде. Единственное, что кажется странным, это то, что когда я открываю консоль, я получаю следующую ошибку:

popper.min.js.map:1 Uncaught SyntaxError: Unexpected token ‘:’

Поскольку у меня нет знаний JS, я не знаю, может ли это быть причиной проблемы. Я всегда использовал Bootstrap 4 и впервые вижу эту ошибку.

Мои скрипты загружаются как таковые:

Обратите внимание, что во второй строке я добавил файл popper.min.js.map , который я скачал с Github.

2 ответа

Я не думаю, что ваши проблемы как-то связаны с ошибкой исходной карты. У вас есть несколько ошибок в вашем HTML:

  1. Неверный родительский ID
  2. Дополнительный класс .hide, который предотвращает отображение складных
  3. Несколько элементов с одинаковым идентификатором, например #accordion

На странице http://18.230.62.117/support.html#faqAboutPaygol вы ошиблись родительские идентификаторы в вашем HTML.

См. Идентификатор вашего аккордеона «accordionQuestions», но ваш data-parent=»#accordion» .

На странице http://18.230.62.117/support.html#faqVendedores у вас есть дополнительный .hide класс на первом сворачиваемом элементе:

Вот почему первый складной элемент не откроется даже при нажатии на него.

Также обратите внимание, поскольку вы делаете одностраничное приложение, у вас не может быть нескольких элементов с одним и тем же идентификатором, например,

Источник

Оцените статью