[jQuery] Slide In Bottom

[jQuery] Slide In Bottom


By default, most of the actions seem to occur from the top edge of the
element. I'm trying to code it so the element slides in from the
bottom. The following is where I have got to:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.easing.js"></script>
<script>
$(document).ready(function()
{
$("a").click(function ()
    {
$(".anim").animate(
        {
            height: "toggle",
            opacity: "toggle",
        }, 1500, "easeOutBack");
});
});
</script>
<style>
.anim{
opacity: 0.5;
filter:alpha(opacity=50); /* IE's opacity*/
}
</style>
</head>
<body>
<a href="#">Toggle</a>
<br/><br/><br/><br/>
<img class="anim" src="orange.jpg" width="200px"></img>
</body>
</html>
Any help would be much appreciated.
Regards,
Shuhel