2 Аккордеона: Как по-разному оформить навигационные элементы (ссылки)?

Question

Здесь У меня правильно написан аккордеонный скрипт. Элемент навигации (ссылка), при нажатии которого текст становится серым и синим, когда активен. Далее есть черная полоса и два изображения для активных и неактивных (стрелка, указывающая влево и стрелка, указывающая вниз, когда активна).

Здесь вы видите тот же стиль элементов навигации, но мне нужно, чтобы он был просто синим текстом, без черной полосы, без активных / неактивных стрелок.

Как мне создать второй стиль для этого аккордеона?

Answer 1

Все, что вам нужно сделать, это применить другой класс к этому переключателю (пример: .toggler-2 вместо .toggler), а затем в вашем CSS, стиль .toggler-2 именно так, как вы хотите, чтобы он выглядел.

Answer 2

Добавьте класс в код HTML и напишите дополнительный CSS для этого раздела.

Дополнительный класс в CSS:

#dhtmlgoodies_listMenu.secondary a
{
    styling: goes here;
}

Изменен HTML:

<ul id="dhtmlgoodies_listMenu" class="secondary">