問題與我的CSS，我似乎無法弄清楚

Question

我似乎無法找出這一個。在http://rayku.com/start我的網頁上有一個文本框，將擴大它下面的表單時，有人開始在裏面輸入：

expanded form http://snpr.cm/iurnmx.jpg

它應該如何工作是，如果你從文本框取消選擇，而無需輸入任何事情都會回到原來的狀態。然而，它似乎工作得很好，如果我點擊下面的表單上的任何東西，它就會恢復到原來的狀態。

如何改變它，以便它只會回到原來的狀態，如果我沒有在文本框中輸入任何內容，並且我不在下面的表單上點擊任何地方？

謝謝！

Answer 1

您需要在允許「關閉」動畫之前檢查該字段的值。這樣的事情：

//store object in var for efficiency 
var mainQuestion = $('.main-question input'); 
var initialValue = mainQuestion.val(); 

mainQuestion.focus(function(){ 
    //blank out field on focus 
    if(mainQuestion.val() == initialValue){ 
     mainQuestion.val(''); 
    } 
    //animate opening here 
}); 

mainQuestion.blur(function(){ 
    //check to see if user has typed anything in 
    if((mainQuestion.val() == initialValue) || !mainQuestion.val().length){ 
     //reset value 
     mainQuestion.val(initialValue); 
     //animate closing here 
    } 
});