Jinsi ya Kutengeneza Tabs na Accordions kwa JS

Tabs = switch content based on selection.
Accordion = show/hide sections dynamically.
Example Code (Tabs):
<button class="tabBtn" data-tab="1">Tab 1</button>
<button class="tabBtn" data-tab="2">Tab 2</button>

<div id="tab1" class="tabContent" style="display:block;">Content 1</div>
<div id="tab2" class="tabContent" style="display:none;">Content 2</div>

<script>
let buttons = document.querySelectorAll(".tabBtn");
buttons.forEach(btn => {
btn.addEventListener("click", function(){
document.querySelectorAll(".tabContent").forEach(c=>c.style.display="none");
document.getElementById("tab"+this.dataset.tab).style.display="block";
});
});
</script>
YouTube Description:
Jifunze kuunda tabs na accordions za interactive webpages kwa JavaScript.
Hashtags:
#JSTabs #JSAccordion #Faulink