2013-03-14 63 views
0

我想它已經在使用jQuery和其他的div隱藏的幻燈片後顯示的圖標。 這裏是jsfiddle。基本上我想要做的就是在用戶點擊搜索框並將輸入框滑回原始寬度後重新顯示初始圖標。 我已經試過這樣:jQuery解綁後jquery .hide()?

$('#display_search_two').hide(); 
    $(".search_icon").click(function() { 
    $(".search_icon").hide(300); 
    $("#display_search_two").slideDown(1000); 
    $(this).off().hide().show(".search_icon"); 

但它似乎沒有工作,我也進去看了解除綁定選項,但不能得到這工作的。 親切的問候 克里斯

+1

這是你在找什麼? http://jsfiddle.net/2bHQ3/ – darwindeeds 2013-03-14 21:19:27

+0

我不知道有關事件的內容功能謝謝你,但我依然在同樣的問題,如果用戶沒有實際點擊輸入框。 – vimes1984 2013-03-14 21:25:36

回答

2

使用你的代碼,我想出了這個:http://jsfiddle.net/CU8cv/1/

/* lookup the original width */ 
var w = $(this).attr('data-default'); 
$(this).animate({ width: w, left: 92 }, 'slow'); 

$("#display_search_two").slideUp(); 
$(".search_icon").show(300); 

希望它能幫助。

+0

,除了用戶沒有實際點擊輸入外,還適用於每種情況。只需點擊然後點擊圖標另一個頁面元素... 謝謝你的好意:d – vimes1984 2013-03-14 21:23:42