javascript - 如何使用 JQuery 修复此动画？

Question

我正在使用 JQuery 制作“阅读更多”按钮。当有人单击该按钮时，会出现一个弹出窗口。这个弹出窗口实际上是出现的一个隐藏的div。我的问题是，当我单击按钮时，我希望 div 从按钮中出现，当我单击弹出窗口上的十字标记时，它会返回到它起源的同一个按钮，但我得到的结果是，当我单击按钮，div 从中出现，而当我单击十字时，它会转到我首先单击的“阅读更多”按钮。请帮我解决这个问题。我猜我的代码中有一个小故障。我在 fiddle 上有它http://jsfiddle.net/shivkumarganesh/qLEbD/

Answer 1

检查这个 fiddle :http://jsfiddle.net/6uLF7/

问题出在存储目标左偏移量和顶部偏移量的变量的局部范围内。

变化

在顶部添加了 2 个声明:

var readMoreInfoTop = 0;
var readMoreInfoLeft = 0;

从 click 处理程序内的 top 和 left 赋值中删除了 var 关键字

readMoreInfoTop = readMoreOffset.top + 10;
readMoreInfoLeft = readMoreOffset.left + 10;