JQuery плагин или скрипт для автоматического переключения через аккордеон

Question

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

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

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

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

спасибо тебе!

Answer 1

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

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

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

См. этот пример для вдохновения (ищите заголовок "И наконец ...").