点击事件触发隐藏内容的jQuery问题

Question

我正在尝试通过在另一个div中淡入内容来加载内联隐藏内容。问题是当有多个具有相同类的隐藏内容的div时，我无法防止内容被复制。

这是一个更好理解的方法：http://jsfiddle.net/EjU7M

任何帮助将不胜感激，提前谢谢！

Answer 1

在您的示例中，您使用classname查询所有元素，您需要遍历dom并匹配链接附近的元素。

$('.link').click(function() {
    var $box = $(this).prevAll(".box:first"); //find the nearest .box
    var $remove = $b.find(".remove"); //find the remove in that box.
    var $text = $(this).prevAll(".full_text:first"); //find the text
    $remove.stop().animate({
        opacity: 0
    }, 'fast', function() {
        $remove.remove();
        $text.stop().fadeTo('fast', 1).appendTo($box);
    });
    return false;
})

jsfiddle上的代码示例。