2

アンカータグ（高度な検索）をクリックすると、その下のコンテンツを切り替えて検索ボタンを移動するJqueryの簡単な部分をまとめました。要素の元のレイアウトに戻すと、検索ボタンが機能しないことを除いて、すべてが期待どおりに機能します。戻る..理由について少し困惑

私はそれをjsfiddleに入れましたhttp://jsfiddle.net/richlewis14/fn9E8/1

これが私のJqueryです

$(document).ready(function() {
    $('#hiddenSearch').hide();
    $('#aSearch').click(function(e) {
        e.preventDefault();
        $('#hiddenSearch').slideToggle();
        if ($('#hiddenSearch').is(':visible')) {
            $('#searchButton').insertAfter('#last')
        } else {
            $('#searchButton').insertBefore('#aSearch')
        }
    });
});

私は何が欠けていますか？

ありがとう

4

1 に答える 1

4

そのコードをslideToggle'コールバックに入れて、'高度な検索'パネルが完全に表示/非表示になっていることを確認します。

$(document).ready(function() {
    $('#hiddenSearch').hide();
    $('#aSearch').click(function(e) {
        e.preventDefault();
        $('#hiddenSearch').slideToggle(function() {
            if ($('#hiddenSearch').is(':visible')) {
                $('#searchButton').insertAfter('#last')
            } else {
                $('#searchButton').insertBefore('#aSearch')
            }
        });

    }); //a#search click function
}); // document function​
于 2012-12-11T14:42:15.293 に答える