cody - HTMLify profile
cody
4270 Files
633170 Views
Latest files of /cody/atherosai/ui/vertical-tabs-01
style.css
cody/atherosai/ui/vertical-tabs-01/style.css
:root {
--white: #FFF;
--gray: #F3F3F3;
--gray-mid: #9D9D9D;
--gray-dark: #3e3e3e;
--gray-hover: #F7F7F7;
index.html
cody/atherosai/ui/vertical-tabs-01/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vertical Tabs</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/vertical-tabs-01/script.js
const allLinks = document.querySelectorAll(".tabs a");
const allTabs = document.querySelectorAll(".tab-content")
const tabContentWrapper = document.querySelector(".tab-content-wrapper");
const shiftTabs = (linkId) => {
allTabs.forEach((tab, i) => {