Javascript 添加wrap div后，使div脚本独立工作

我是JavaScript新手，所以如果我的代码不好，请原谅。在添加

wrap1

div之后，我不知道如何使脚本工作

如果没有

wrap

div，它几乎可以工作，但是内容开始在

title

div中扩展。我使用

wrap

将它们分开，代码停止工作。脚本仍将使用

.learn

对吗

我尝试了一些事情，但没有成功，这就是我尝试的：

$（“.learn”）。单击（函数（）{
$learn=$（这个）；
//获取下一个元素
$content=$learn.next（）；
//打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。
$content.slideToggle（500，函数（）{
//滑动切换完成后执行此操作
//根据内容div的可见性更改标题文本
$learn.text（函数（）{
//根据条件更改文本
return$content.is（“：visible”）？“learnless！”：“learnmore！”；
});
});
});
.container{
宽度：500px；
边框：1px实心#D3；
}
.container div{}
.wrap1{
显示：表格；
边框：1px纯红；
宽度：100%；
}
.wrap2{
显示：表格；
边框：1px纯红；
宽度：100%；
}
.头衔{
显示：表格；
浮动：左；
}
.容器.学习{
浮动：对；
光标：指针；
显示：表格；
}
.容器.内容{
显示：表格；
显示：无；
填充物：5px；
}

这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
使用包装，内容不是
之后的下一个元素。了解
。您必须先上一层到容器，再上一层到下一个容器，然后再下一层到
.content


$（“.learn”）。单击（函数（）{
$learn=$（这个）；
//获取下一个元素
$content=$learn.closest（“.wrap1”）.next（）.find（“.content”）；
//打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。
$content.slideToggle（500，函数（）{
//滑动切换完成后执行此操作
//根据内容div的可见性更改标题文本
$learn.text（函数（）{
//根据条件更改文本
return$content.is（“：visible”）？“learnless！”：“learnmore！”；
});
});
});
.container{
宽度：500px；
边框：1px实心#D3；
}
.container div{}
.wrap1{
显示：表格；
边框：1px纯红；
宽度：100%；
}
.wrap2{
显示：表格；
边框：1px纯红；
宽度：100%；
}
.头衔{
显示：表格；
浮动：左；
}
.容器.学习{
浮动：对；
光标：指针；
显示：表格；
}
.容器.内容{
显示：表格；
显示：无；
填充物：5px；
}

这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容
这是一个标题
了解更多！
这只是一些随机内容。这只是一些随机内容。这只是一些随机内容。
这只是一些随机内容