允許onclick在onfocus/onblur顯示/隱藏textarea

我想知道如何做到以下幾點：

當用戶點擊過的onfocus模糊了textarea的，它會顯示：塊周圍的DIV，顯示「文本區域控制檯」，然後「添加步驟「圖標在textarea下面。如果你點擊，它會模糊textarea以及兩個額外的項目。

但是，我想補充的是，如果他們點擊「textarea控制檯」或「添加步驟」圖標，div不會模糊。

這裏是我迄今爲止在jsfiddle.net

2012-06-22 Nina

你有div圍繞textarea？ –

嗨Ronny。感謝您檢查了這一點。我實際上有3個主要部分 - 「textarea控制檯」，textarea，然後是「prepstepintextarea」。我清理了更多。 – Nina

妮娜，沒有得到你想要的成績，雖然已經編輯了小提琴檢查一：http://jsfiddle.net/wAaDz/10/ –

我已經更新了的jsfiddle：HERE

我認爲這只是一個幾件事錯了...你是在正確的軌道上。

$("#textareasteinstruc").focusout(function() { 
    alert('focusout'); 
    $(".textareaconsole").hide(); 
    $("#addPrepStepButtonicon").hide();

的＃從事件的內容功能缺失......和類/ ID無法正確引用。

它的工作你想要的方式，現在我想:)

更新：我增加了$（「＃addPrepStepButtonicon」）顯示（）。點擊事件，所以'提交'按鈕將再次出現

2012-06-22 17:44:53 timpng1

但是，關注textarea後菜單仍然隱藏。 –

對不起，誤解了目標...只是改變這個$（「。textareaconsole」）。show（）;在聚焦...然後...保持菜單。 – timpng1

嗨timpng1，有沒有一種方法，你可以讓#addPrepStepButtonicon再次隱藏，如果你點擊遠離div或#addPrepStepButtonicon？ – Nina

檢查這一個http://jsfiddle.net/wAaDz/13/。已經做出了改變。

2012-06-22 17:50:01

嗨黑騎士，謝謝你再次嘗試。當我點擊按鈕時，它會彈出它應該。但是，如果我點擊整個div，它不會再隱藏它（如最初的模糊事件）。有沒有辦法做到這一點？ – Nina

對不起尼娜沒有得到你，哪個按鈕和哪個初始事件？ –

嗨黑暗騎士，當你第一次加載頁面時，textarea，控制檯和添加的步驟按鈕被隱藏/變灰（這是初始事件）。如果我點擊添加一步按鈕或文本控制檯，它應該彈出，就像你實現。但是，如果我在div外單擊，我會希望它會模糊textarea，控制檯和添加按鈕。 – Nina

回答