detail.js 715 B

1234567891011121314151617181920212223242526
  1. var simpleTabs = {
  2. init: function(el){
  3. var tabs = document.querySelector(el)
  4. if(!tabs){
  5. return false
  6. }
  7. simpleTabs.el = tabs
  8. simpleTabs.el.addEventListener('click', simpleTabs.change)
  9. },
  10. change: function(e){
  11. var tabItem = e.target
  12. let id = tabItem.dataset['id']
  13. if(!id){
  14. return false
  15. }
  16. var current = this.querySelector('.current')
  17. if(current !== tabItem){
  18. current.classList.remove('current')
  19. document.querySelector('#' + current.dataset['id']).classList.remove('tabs-change-visible')
  20. tabItem.classList.add('current')
  21. document.querySelector('#' + id).classList.add('tabs-change-visible')
  22. }
  23. }
  24. }
  25. simpleTabs.init('#intro_tabs')