扩展预览不在线显示

Question

我正在尝试制作自定义展开预览like this。但在我的情况下，当我单击圆形div以展开预览时，它会显示在页面的末尾，而不是在线上显示（在圆形div下方）。请帮我解决一下这个。

我是否需要使用JavaScript的追加功能来完成它？

请帮我解决这个问题，我无法找到解决方案。

Link for my code - link。

谢谢