jQuery在jquery .hide（）之后取消绑定？

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);

希望它有所帮助。