jQuery .hide() 之后 jQuery 解除绑定？

Question

我试图在使用 jQuery 隐藏图标并滑入另一个 div 后显示一个图标。 这是jsfiddle。基本上我想做的就是在用户单击搜索框并且输入框滑回原始宽度后重新显示初始图标。 我试过这个：

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

但它似乎不起作用，我也研究了 unbind 选项，但也无法让它起作用。 亲切的问候 克里斯

Answer 1

使用你的代码我想出了这个：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);

希望对你有帮助。