Jquery css fadein文本

我正在尝试在水平滑块中淡入文本内容。实际上，当我在#方向菜单项中时，我想淡入文本。我试过一些东西，但似乎不起作用

在我的HTML中，我有一个id为的div标记：

<div id="directions" class="panel">
        <h2>Directions</h2>
        
        <div id="test"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
    </div>

我的Jquery：

$('#wrap').find('#test').removeClass('load');
                $target.addClass('load');

你知道我做错了什么吗？ 当做 Jarod.

更改以下内容

#test p.load{
    opacity: 1;
}

对此

.shown #test p{
    opacity: 1;
}

---

这应该是更容易的解决方案

CSS:

Javascript:

$('#test p').fadeIn(1000)

---

jsiddle:

不是答案，但我认为所有问题都应该这样设置：）@JoakimM这个问题因为滑块越来越高：）但是答案。。。。。等待不是这样的。。。。注意所有代码。。。。稍后再得到答案可能是或：）…：）Thx koningdavid。正是我想要的。效果很好，似乎效果只有一次。我需要这种效果每次在我的指导下重复。它适用于我的图像，但不适用于我的文本。你知道我需要更改什么吗？@user979974使用.show#test p而不是.load#test p，我更新了答案

#test p {
    display: none;
    font-size: 21px;
    margin-top: 25px;
    text-align: center;
}

$('#test p').fadeIn(1000)