jquery - .insertBefore Jquery 不工作？

Question

我已经整理了一段简单的 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')
        }
    });
});

我错过了什么？

谢谢

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​