jquery - .insertBefore Jquery 不工作？

Question

我已经组合了一个简单的 Jquery 片段，单击 anchor 标记(高级搜索)后会切换其下方的更多内容并移动搜索按钮，一切都按预期工作，除了当我切换回元素原始布局时搜索按钮没有向后移动..有点困惑为什么

我把它放在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')
        }
    });
});

我错过了什么？

谢谢

Answer 1

将该代码放入 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​