Javascript 在类之间切换时转换不起作用

当我第一次在类之间切换时，不透明转换不起作用。 当我切换回来时，它确实起作用了。我尝试删除可见性属性，只保留不透明度，但没有效果

const navList=document.querySelector'.nav list' 如果navList.classList.包含“不可见”{ setTimeoutfunction{ navList.classList.添加“可见”，navList.classList.删除“不可见”； }, 1000; }否则{ setTimeoutfunction{ navList.classList.add'invisible'； }; 类列表。删除“可见”； } 可见光{ 不透明度：1； 能见度：可见； 过渡：在1s内轻松过渡； } .无形的{ 不透明度：0； 可见性：隐藏； 过渡：在1s内轻松过渡； } 家 关于 联系

---

如评论中所述，将转换放在始终存在的类上，例如nav list。我还建议对该类设置一些状态，这样您只需要切换另一个类，而不是两个

const navList=document.querySelector'.nav list' setInterval=>{ navList.classList.toggle'invisible' }, 2000 .导航列表{ 过渡：在1s内轻松过渡； 不透明度：1； 能见度：可见； } .nav-list.INVISED{ 不透明度：0； 可见性：隐藏； } 家 关于 联系

---

如评论中所述，将转换放在始终存在的类上，例如nav list。我还建议对该类设置一些状态，这样您只需要切换另一个类，而不是两个

const navList=document.querySelector'.nav list' setInterval=>{ navList.classList.toggle'invisible' }, 2000 .导航列表{ 过渡：在1s内轻松过渡； 不透明度：1； 能见度：可见； } .nav-list.INVISED{ 不透明度：0； 可见性：隐藏； } 家 关于 联系 将转换放在基类上，例如nav列表将转换放在基类上，例如nav列表