Advertisement
Udoro

Tab to accordion JS

Jul 30th, 2022
1,343
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.16 KB | None | 0 0
  1. var tabOrder = 0;
  2. var tabs = document.querySelectorAll('.oxy-tab');
  3. var tabContents = document.querySelectorAll('.oxy-tab-content');
  4.  
  5.  
  6. // loop through each tab
  7. tabs.forEach(tab => {
  8.  
  9. // get tab parent
  10. var parent = tab.parentNode;
  11.  
  12. // get index (order number) of each tab
  13. let index = Array.prototype.indexOf.call(parent.children, tab);
  14.  
  15.  
  16.  
  17. if (index == 0){
  18.  
  19. tabOrder = index;
  20.  
  21. } else {
  22. tabOrder = index * 2;
  23.  
  24. }
  25.  
  26. tab.style.order = tabOrder;
  27.  
  28.  
  29. })
  30.  
  31.  
  32.  
  33.  
  34. // loop through each tab content
  35. tabContents.forEach(tabContent => {
  36.  
  37. // get tab parent
  38. var parent = tabContent.parentNode;
  39.  
  40. // get index (order number) of each tab
  41. let index = Array.prototype.indexOf.call(parent.children, tabContent);
  42.  
  43.  
  44.  
  45. if (index == 0){
  46.  
  47. tabOrder = index + 1;
  48.  
  49. } else {
  50. tabOrder = (index * 2) + 1;
  51.  
  52.  
  53. }
  54.  
  55.  
  56. tabContent.style.order = tabOrder;
  57.  
  58. })
  59.  
  60.  
  61.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement