変なタイトルの質問ですみません。
私は次のことを行う方法を疑問に思っています:
ユーザーが onfocus を介してぼやけたテキストエリアをクリックすると、次のように表示されます。その周りの div をブロックし、「テキストエリア コンソール」を表示してから、テキストエリアの下に「ステップを追加」アイコンを表示します。クリックアウトすると、2 つの余分な項目とともにテキスト領域がぼやけます。
ただし、追加したいのは、「テキストエリアコンソール」または「ステップの追加」アイコンをクリックすると、div がぼやけません。
jsfiddle.netでこれまでに持っているものは次のとおりです
jsFiddleを更新しました：ここに
私はそれがほんの少しの間違いだったと思います...あなたは正しい軌道に乗っていました。
$("#textareasteinstruc").focusout(function() {
alert('focusout');
$(".textareaconsole").hide();
$("#addPrepStepButtonicon").hide();
＃がfocusout関数から欠落していました...そしてクラス/IDが適切に参照されていませんでした。
それはあなたが今それを望むように働いています私は考えています:)
更新：$（ "＃addPrepStepButtonicon"）。show（）;を追加しました。クリックイベントに移動して、[送信]ボタンが再び表示されるようにします
これをチェックしてくださいhttp://jsfiddle.net/wAaDz/13/。変更を加えました。