jQuery click、dblclickで、テキストフィールドの入力文字列と置き換え。

ダミーのテスト文字部分(濃いグレー)をシングルクリック、ダブルクリックすると、テキストフィールドに入力した文字列と置き換えます。シングルクリックの場合は赤い文字、ダブルクリックの場合は青い文字。置き換えの際にanimateを使ってフェードアウト、フェードインさせています。

IEの場合、jQueryが古いと、opacityを0にするanimateが効きません。

 シングルクリック用テキスト入力
 ダブルクリック用テキスト入力