Javascript 使用jquery在条内淡入淡出

我创建了扩展和折叠栏，文本效果为fadein fadeout。但是，每当我刷新页面时，这种效果都不会被正确触发。当我在2,3秒后关闭该条时，该条会展开并显示消息，效果会非常好。如果你看到这个

你完全可以明白我在说什么。我不知道如何隐藏处于关闭模式的消息，以及如何显示处于展开模式的消息。任何建议都很好

.message_after_login {display: none;
                                  text-align: center;
                                  color:white;
                                  font-size:24px;
                                  position: relative;
                                  left:0px;
                                  right:0px;

            }

谢谢，

---

vicky

在您的代码中，您有以下内容：

function shownextmessage() {
    ++message_index;
    message.eq(message_index % message.length)
        .fadeIn(2000)
        .delay(2000)
        .fadeOut(2000, shownextmessage);
 }

您正在使用$.eq中的模选择要设置动画的文本。。。一旦淡出结束，你重新启动这个功能。。。所以它在通过1和2，1和2的循环中运行。。。到message.eq这就是为什么文本不断滚动

---

由于您的问题实际上不包括问题，也没有说明您希望实现的目标，因此我只能解释为什么会发生这样的情况，并且无法提供解决方案。

您的代码非常混乱，而且unreadable@undefined我不是指缩进，我是指代码背后的逻辑。@Itay我明白了，我认为缓存对象并使用$代替jQuery可以使其更具可读性。@undefined我用$代替jQuery编辑了我的小提琴。请阅读，你没有什么意义，很难帮助。谢谢提醒。我想显示单独展开时的淡入淡出效果，而不是关闭时的淡入淡出效果。有可能做到这一点吗？什么是支出和关闭为你？如果你看到演示，以扩大酒吧和关闭酒吧作为按钮在右侧的结果。