jquery - 单击另一个 div 移动一个 div？

Question

当单击 a 标签时，我想使用 jquery 将一个 div（将绝对定位在屏幕外）移动到其父元素的特定部分。

<div id="casestudy4" class="newboxes2">
                                <div class="paperclip"></div>
                                <p>text here</p>

                            </div> <!-- end div casestudy4 -->

基本上 .paperclip 绝对定位在左边：25%；顶部：-2000px；我希望它在单击链接时向下移动。

Answer 1

    <script type="text/javascript">
        $(function () {

            $("#move").click(function () {
                $(".paperclip").animate({
                    top: "+=500px"
                }, 5000);
                return false;
            });
        });
    </script>

    <a href="#" id="move">move</a>

希望能帮助到你。

Answer 2

当您单击链接时，您可以使用它来隐藏 div

$(selector).click(function(){
   $('.paperclip').hide();
})

Answer 3

假设链接是段落，这是一个解决方案。

$("#casestudy4 > p:first-child").click(function() {
  $("#casestudy4 > .paperclip").css("top", "500px");
}

显然，您必须正确定位链接并正确指定“down”的含义，而不是500px.