css - 固定位置に対する CSS - CSS トランジション

Question

説明

div がどこからでも成長しているように見せようとしています。これを行うために、要素の現在の上/左ではなく、最初のトランジションを開始する位置を相対から固定に変更しています。top:0, left:0要素の現在のオフセットを使用するようにこれを修正するにはどうすればよいですか?

JSフィドル

http://jsfiddle.net/ZjWkD/

注:最初のクリックの後、コードは希望どおりに機能します。最初のクリックが問題です。