Can't get element height when using jQuery show scale

Question

I was wondering if there is a way to get the height of an element when using jQuery's show('scale')

CSS:

    #elementid {width:500px;height:500px;}

JAVASCRIPT:

$('#elementid').show('scale');

alert($("#elementid").height());//This displays "1", instead of "500"

Here are some more details: In this [working example](http://jsfiddle.net/FG9pG/33/), you can see that getting the height after a regular show() works fine. However, when using jQuery UI's show('scale'), the height return is "0", possibly due to a delay? LINK: http://jsfiddle.net/FG9pG/33/ — user2472523, Jun 15 '13 at 07:10

score 0 · Answer 1 · edited May 23 '17 at 10:32

0

Try

$('#elementid').click (function () {
    alert($('#elementid').height());
});

If the Div is intially Hidden see here.

edited May 23 '17 at 10:32

Community

answered Jun 15 '13 at 06:32

Suresh Atta

Unfortunately this does not answer my question. I guess I should have mentionned that my div is initially hidden: – user2472523 Jun 15 '13 at 06:38
some text – user2472523 Jun 15 '13 at 06:39
Oh.I see.Added link which you need. – Suresh Atta Jun 15 '13 at 06:41
Sorry, this still doesn't answer my question. I've added some more info in my original post plus this example http://jsfiddle.net/FG9pG/33/ – user2472523 Jun 15 '13 at 07:18

score 0 · Accepted Answer · answered Jun 15 '13 at 14:49

0

After a bit of research, I was able to find the answer to my question:

$('#elementid').show("scale", function()
{
    alert($("#elementid").height());
});

The same principal can be used for other animation effects such as slideDown, etc.

answered Jun 15 '13 at 14:49

user2472523

2 Answers2