1234567891011121314151617181920212223242526 |
- var simpleTabs = {
- init: function(el){
- var tabs = document.querySelector(el)
- if(!tabs){
- return false
- }
- simpleTabs.el = tabs
- simpleTabs.el.addEventListener('click', simpleTabs.change)
- },
- change: function(e){
- var tabItem = e.target
- let id = tabItem.dataset['id']
- if(!id){
- return false
- }
- var current = this.querySelector('.current')
- if(current !== tabItem){
- current.classList.remove('current')
- document.querySelector('#' + current.dataset['id']).classList.remove('tabs-change-visible')
- tabItem.classList.add('current')
- document.querySelector('#' + id).classList.add('tabs-change-visible')
- }
- }
- }
- simpleTabs.init('#intro_tabs')
|