Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- module.exports = {
- changeTab() {
- this.content.change();
- this.button.change();
- },
- content: {
- change() {
- this.disabled().className += ` ${this.enabledClass}`;
- this.enabled().classList.remove(this.enabledClass);
- },
- enabled() {
- return document.querySelector(`.${this.enabledClass}`);
- },
- disabled() {
- return document.querySelector(`.${this.disabledClass}`);
- },
- enabledClass: "tab__content--active",
- disabledClass: "tab__content:not(.tab__content--active)",
- },
- button: {
- change() {
- this.disabled().className += ` ${this.enabledClass}`;
- this.enabled().classList.remove(this.enabledClass);
- },
- enabled() {
- return document.querySelector(`.${this.enabledClass}`);
- },
- disabled() {
- return document.querySelector(`.${this.disabledClass}`);
- },
- enabledClass: "tab__button--active",
- disabledClass: "tab__button:not(.tab__button--active)",
- },
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement