cody - HTMLify profile
cody
4270 Files
633151 Views
Latest files of /cody/atherosai/ui/accordion-02
style.css
cody/atherosai/ui/accordion-02/style.css
:root {
--primary-violet: #6238E2;
--background-violet-light: #EEEBFD;
--gray: #D5D4D5;
--background: #2C2C2C;
}
index.html
cody/atherosai/ui/accordion-02/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Accordion 02</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
script.js
cody/atherosai/ui/accordion-02/script.js
const mainItems = document.querySelectorAll(
'.main-item'
);
mainItems.forEach((mainItem) => {
mainItem.addEventListener('click', () => {
mainItem.classList.toggle(
'main-item--open'
'.main-item'
);
mainItems.forEach((mainItem) => {
mainItem.addEventListener('click', () => {
mainItem.classList.toggle(
'main-item--open'