div移动到指定元素位置

1、html部分

<!--指定元素-->
<div id="div1" style="margin: 500px 0px 0px 500px; width: 200px;"><input type="text" name="Name" /></div>
<!--显示面板-->
<div id="Pannel" style="display: none; position: absolute; border: 1px solid #e1e1e1;">
<h1>内容部分</h1>
</div>

2、js部分

   $("input[name='Name']").on("click", function () {
            //获取当前元素
            var elem = $(this);
            var tops = elem.offset().top + elem[0].offsetHeight;
            //设置当前元素的宽、距离浏览器顶部、距离浏览器左边
            $("#Pannel").css({
                width: (elem[0].offsetWidth + 50) + "px",
                height:'200px',
                top: tops + "px",
                left: elem.offset().left + "px"
            }).show();
        });