0

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

しかし、うまくいかないようです。バインド解除オプションも調べましたが、それもうまくいきません。敬具クリス

4

1 に答える 1

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

それが役に立てば幸い。

于 2013-03-14T21:18:20.040 に答える