列表中折叠标题下方块顺序错乱问题

先描述一下遇到的问题：当我想要在下面第一张图的例 3 后新建一个例 4 时，我做了这样的操作

1. 先准备好如下图红色所示三个元素（我打算将例 3 收起来，然后在后面的空行上 新建例 4）
2. 将例 3 折叠起来
3. 在例 3 后打一个回车（准备在新的一行，再建一个例 4）
4. 敲击回车，然后出现了新的行
5. 此时拉开例 3 进行检查
6. 会发现例 3 中的所有元素顺序逆序了？？？（本应该是 先是图片 再是解释，现在变成了先是解释，再是图片）

综上，只是想要完成“新建一个例 4”这样的操作，结果导致了原本的数据发生逆序，这从用户逻辑上来说不通吧，我第一次遇到这样的情况 感到非常的诧异，后面多次出现逆序问题，才发现是上面的操作导致的。上面的问题只是一个缩影，当问题规模扩大后，我的整个标题下的所有例题都逆序了，当然可以反向利用问题，来使逆序进行逆序，所以上面同样的操作可以使顺序变回来（如下第二张图），但是第一次遇到这种情况会很慌。