Javascript 如何调整动画上的div位置

在我正在开发的一个Web应用程序中，当您单击列表项时，会弹出一个div。 你可以找到一个例子

如何将div顶部调整为listitem

div（

#home

在本例中）必须在列表项旁边的顶部弹出

$(function () {

$("#home_link").click(function () {

    $("#home").animate({width: 'toggle'}, 500);

});
});
$(function () {
$("#edit_link").click(function () {
    $("#home").animate({width: 'toggle'}, 500);
});
});

---

所以，我清理了一些，并重新组织了它。基本上，我标记了一个容器元素（它包含导航和内容），并使用它来确定所需的偏移量。我让一切都更通用，所以你可以添加更多的超链接，因为你需要！希望这是有帮助的，让我知道如果你有任何问题，我为什么这样做，或如何工作的东西

---

问题应该是独立的。一把小提琴可以包含在内，但不能代替在你的问题中包含代码。这正是我的意思！谢谢

$(function () {
    $("#list a").click(function () {
        var $this = $(this);
        var $container = $this.closest('[data-id="container"]');
        var $target = $($this.attr('href'));

        $target.css('margin-top', $this.offset().top - $container.offset().top);
        $target.animate({width: 'toggle'}, 500);
    });
});