Плагин или скрипт jquery для автоматического переключения между аккордеонами

Question

Пожалуйста, может кто-нибудь посоветовать мне по этому поводу.В настоящее время я использую плагин аккордеона от Bassistance.de успешно работает, когда вы наводите курсор на заголовок каждого элемента, чтобы раскрыть каждое дочернее содержимое.Для этого я использую неупорядоченный список (4 элемента списка, каждый с 2 ​​дочерними элементами).

Это нормально, но теперь требования требуют:

1. автоматически циклически (разворачивать/сворачивать) каждый элемент списка каждые 5 секунд, но
2. приостанавливаться при наведении курсора мыши на дочерний контент (а не на родительский элемент, который обычно активирует функцию аккордеона для этого элемента списка)
3. по-прежнему сохраняют функциональность наведения курсора мыши, т.е.развернуть/свернуть дочернее содержимое для каждого элемента списка.

Я надеюсь, что все это имеет смысл, и если что-то неясно, пожалуйста, дайте мне знать, и я буду более чем рад прояснить это!

Спасибо!

Answer 1

Для этого создайте функцию, которая делает две вещи:

1. Вызов click() для следующего элемента в цикле
2. Вызовите setTimeout с самим методом в качестве первого параметра и желаемой задержкой в ​​качестве второго параметра (в основном функция вызывается рекурсивно с задержкой)

Чтобы он прекратил циклическое движение при наведении курсора мыши, заключите вызов click() в if(running) и создайте методы start и stop для управления текущей переменной.Привяжите их к наведению курсора мыши на соответствующие элементы.

Видеть этот пример для вдохновения (ищите заголовок «И наконец…»).