Question

I’m trying to use the function below to get a DIV to slide-out from left to right when clicked on but it doesn’t even move. Any ideas what the problems could be.

Function

<script type="text/javascript">

$("#teller").click(function () {
      $(this).show("slide", { direction: "right" }, 1000);
});
</script>

DIV in question

<div id="teller">
<a href="#"><img src="images/teller.png" width="44" height="329" alt="Tell a freind button" />
</a>
</div><!-- End Teller -->

Answer 1

Instead of

 $(this).show("slideOut", { direction: "right" }, 1000);

Use slide

 $(this).show("slide", { direction: "right" }, 1000);

If its already visible and you want to slide out, use a combination of hide and slide right

$(this).hide("slide", { direction: "right" }, 1000);