Reveal dropdown happening twice only on ipad

Reveal dropdown happening twice only on ipad

I have a dropdown which is dynamic so the height should match the content and remain responsive.

It works on everything except ipads (tested on ipad 2 and 3), chrome and safari exhibit same behaviour on it. I dont think its a double click issue.

Heres the jfiddle to see the issue.

Any help appreciated.

Edit: Fix below using animate instead :)

https://jsfiddle.net/Bassquake/q2zo6e7b/1/