الگو:تب رده

{{{1}}}

{{{2}}}

{{{3}}}

<script> function showTab(tabId) {

   document.getElementById('cat1').style.display = 'none';
   document.getElementById('cat2').style.display = 'none';
   document.getElementById('cat3').style.display = 'none';
   
   var tabs = document.querySelectorAll('div[onclick^="showTab"]');
   tabs.forEach(function(tab) {
       tab.style.background = '#f5f5f5';
       tab.style.color = '#333';
   });
   
   document.getElementById(tabId).style.display = 'block';
   event.target.style.background = '#4CAF50';
   event.target.style.color = 'white';

} </script>