Using Scale on an absolutely positioned div

Using Scale on an absolutely positioned div

Hi there.

I have a Div element (id=Div1) that is absolutely positioned on the page. Inside it I have another Div (id=Div2) that is absolutely sized so that it fills the whole of Dvi1.

Looking at the UI/Effects/Scale page in the API docs I see the example code:

  1. $("div").click(function () {
  2.       $(this).hide("scale", {}, 1000);
  3. });

Translating this I am trying to make Div2 shrink until it vanishes, as shown in the example, so I am using $("#Div2") to get this done, however, it does not work.

Is this because the Div (either of them!) is absolutely positioned? Ideally Id like Div2 to shrink away to nothing on the click of a button, but first steps first.

Can anyone give me an idea of where I am going wrong please.

Cheers

Max