Чуйний Акордеон на чистому CSS
Дивитися Демо Завантажити Исходники
HTML Розкладка
Зверніть увагу, як я і писав вище вся робота акордеона вибудувана на прихованих чекбоксах . У цьому варіанті не використав тег
CSS Верстка
Якщо нічого не упустив, то на цьому напевно і все. Чуйний «страшно» і цілком собі пристойний «акордеон», повністю готовий до роботи.
Дивитися Демо Завантажити Исходники
Буду всім вдячний, якщо підтримаєте проект - додавши блог в виключення AdBlock і поділіться посиланням на запис в своїх соц-мережах:
1. Для того щоб при завантаженні котрась із панелей акордеона була розкрита досить з тега потрібної вам панелі видалити атрибут checked
Панель буде розкрита:
2. Що стосується другого вашого питання, з цим все трохи складніше, доведеться перебудовувати саму структуру html і внести деякі зміни в css. Для прикладу можете скористатися іншим моїм рішенням по створенню акордеона на чистому CSS працює на прихованих чекбоксах. Думаю, сама концепція вам стане зрозуміла і ви зможете підлаштувати той чи інший акордеон під свої потреби.
Здрастуй, Driver. Якраз через несумісність виникає (як зрозумів не в мене одного) ВИБІР: а). Відкриття нової вкладки закриває попередню МОГО натискаючи на відкриту вона «заморожена» _ (О, о) _ або б). вкладки незалежно відкриваються / закриваються розтягуючи сайт і втомлюючи достатком інформації.
-Прибравши абсолютно всі кольори і поставивши стрілки перед текстом в акордеоні цього уроку, він вийшов самий магічна. за рахунок ефектно анімації і наповнення!
Ось знайшов Bootstrap шаблон з акордеоном, візуально відповідає всім вимогам. Але ще не вникав. ТУТ >>>