Advertisement
Udoro

VIEWPORT AWARE TABS CODE

Jan 22nd, 2022
304
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.61 KB | None | 0 0
  1. document.addEventListener("DOMContentLoaded", function(event) {
  2.  
  3.  
  4.  
  5. let closeTabs = document.querySelectorAll('.close-tab-content');
  6. let tabContents = document.querySelectorAll('.oxy-tab-content');
  7. let tabs = document.querySelectorAll('.tabs-3595-tab');
  8.  
  9.  
  10. closeTabs.forEach(closeTab =>{
  11. closeTab.addEventListener('click', closeTabContent);
  12. });
  13.  
  14. function closeTabContent(){
  15. tabContents.forEach(tabContent=>{
  16. tabContent.classList.add('oxy-tabs-contents-content-hidden');
  17.  
  18.  
  19. });
  20.  
  21. tabs.forEach(tab=>{
  22. tab.classList.remove('tabs-3595-tab-active');
  23.  
  24.  
  25. });
  26.  
  27.  
  28.  
  29. };
  30.  
  31.  
  32.  
  33. });
  34.  
  35.  
  36.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement