Радиокнопки для вкладок «Гармошка» без идентификатора ⇐ CSS

[Anonymous]

Моей целью было создать вкладки-аккордеоны с помощью переключателей. По умолчанию отмечена первая вкладка, открытие другой вкладки закрывает выбранную в данный момент и так далее... Однако мой код не работает. Я могу проверить кнопки, но текст не отображается.

Я знаю, что идентификатор может это исправить, но я не могу работать с идентификаторами в своей системе, поскольку мне нужно реплицировать код. На моей странице заблокированы php/js.

Есть ли обходной путь, позволяющий запустить код без идентификаторов?

.acc_outer { высота: авто; ширина: 550 пикселей; положение: относительное; отображение: встроенный блок; цвет фона: #f6f6f6; отступ: 10 пикселей; радиус границы: 5 пикселей; граница: сплошная 1 пиксель #8da8a5; } .acc_label { курсор: указатель; дисплей: блок; выравнивание текста: по левому краю; отступ: 10 пикселей 15 пикселей; вес шрифта: 700; радиус границы: 5 пикселей; поле внизу: 3 пикселя; цвет фона: #909f9d; цвет: #f6f6f6; размер шрифта: 20 пикселей; текстовая тень: 0px 0px 1px #595959; } .acc_label:hover { цвет фона: #a1b1ae; } .acc_input:checked+.acc_label { цвет фона: #a1b1ae; } /*.acc_input { дисплей: нет; }*/ .acc_txt { цвет: #595959; выравнивание текста: по ширине; высота: 0; переполнение: скрыто; положение: относительное; непрозрачность: 0; отступы: 5 пикселей 10 пикселей; } .acc_outer .acc_input:проверено~.acc_txt { высота: авто; непрозрачность: 1; Метка1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Метка2 Lorem ipsum dolor sit amet, consetetur sadipscing elitr.