jQuery-简单的隐藏效果

jS:

<script type="text/javascript" language="javascript">
        $(document).ready(function () {

            $(".pane .delete").click(function () {
                $(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
            });

        });
    </script>

HTML:

 <div class="pane">
        <h3>
            Sample heading</h3>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante
            at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros.
            Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
        <img src="images/btn-delete.gif" alt="delete" class="delete" />
    </div>
    <div class="pane">
        <h3>
            Sample heading_1</h3>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante
            at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros.
            Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
        <img src="images/btn-delete.gif" alt="delete" class="delete">
    </div>