实现一系列屏幕的最佳方法是什么？

Question

我想创建一系列屏幕，在点击当前屏幕时会出现一个新屏幕。屏幕信息将具有不同的尺寸，并且应该在点击时淡入/淡出。我不需要滑块。所以序列就像：

1. 显示文字
2. 淡出文字到Opacity 0;以完全不透明度显示图像
3. 淡出图像至0.3不透明度并在顶部显示新文字
4. 完全淡出文字并以不透明度1.0
显示新图像
5. 等

我能想到的一种方法是遍历屏幕，使用jQuery动画并使用计数器变量跟踪当前屏幕。

你能提出比这更好的设计吗？假设我已经充分解释了我的要求。