Question

I’d like to use jquery to move one div (that’ll be absolutely positioned off screen) to a specific part of it’s parent element when an a tag is clicked.

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

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

Basically .paperclip is absolutely positioned left:25%; top:-2000px; and I’d like it to move down when the link is clicked.

Answer 1

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

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

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

Hope it helps.