单页Web应用程序上的淡入/淡出部分出现问题

Question

如何创建在全页部分之间转换的单页Web应用程序？为了在单独的页面之间进行转换，我已经很容易地成功地使用了SmoothState.js，但是我还没有找到一种为相同页面的内容视图创建相同效果的方法。我绝对是在撞墙。

今天早上，我以为我已经在this pen中找到了解决方案，但是一旦在我自己的Elementor powered Wordpress installation中实现，我会得到以下不一致的效果。

• 将适当的ID和CLASS应用于elementor元素时-过渡效果失败

• 在同一页面中将适当的ID和CLASS应用于手写HTML元素时-HTML元素可以很好地转换。

  .expando {
  display: none;
  }
  
  .expando:target {
   display: block;
  }