Jquery 自动对焦属性不适用于显示状态更改

我想将自动对焦添加到窗体。这很好，但对于搜索表单，我还使用了显示状态更改，从无到块再到块

第一次自动对焦工作正常，但在隐藏窗体并再次显示后，自动对焦不再工作

有没有办法通过jQuery实现这一点？我需要什么代码

HTML:

---

不确定如何隐藏/显示

输入

，但您可以在显示元素后对其使用

聚焦

功能：

$（“按钮”）。单击（函数（）{
$（“#搜索”）.toggle（）.focus（）；
});

单击以隐藏/显示按钮
如何准确隐藏/显示输入？我认为，在隐藏和显示后应触发.focus（）。@Dekel谢谢！我更新了我的问题。太好了，你检查了我的答案吗？：）@是的，谢谢！我查过了。但在我的例子中，它是在单击.search容器.overwrite设置时出现的。我怎样才能做到这一点？
<div class="header-search">
                            <div class="search-container">
                                <div class="overwrite-setting">
                                    <i class="sf-icon-search"></i>
                                </div>
                                <div class="switcher-content">
                                    <form id="search_mini_form" action="https://www.redable.nl/catalogsearch/result/" method="get">
    <div class="form-search">
        <input id="search" autofocus="autofocus" placeholder="Zoeken naar..." type="text" name="q" value="" class="input-text" maxlength="128" autocomplete="off">
        <button type="submit" title="Zoek" class="search-button"><span><span><i class="fa fa-search"></i></span></span></button>
        <div id="search_autocomplete" class="search-autocomplete" style="display: none;"></div>
    </div>
</form>
                                </div>
                            </div>
                        </div>

jQuery('.header-setting .overwrite-setting').click(function() {
    jQuery('.setting-switcher .switcher-content').toggle();
    jQuery(this).toggleClass('active');
    return false;
})
if(jQuery(window).width() > 1024){
 jQuery('.header-maincart .icon-cart-header').click(function() {
    jQuery('.header-maincart .cart-wrapper').toggle();
    jQuery(this).toggleClass('active');
    return false;
})
}
jQuery('.header-search .overwrite-setting').click(function() {
    jQuery('.search-container .switcher-content').toggle();
    jQuery(this).toggleClass('active');
    return false;
})

jQuery(document).mouseup(function (e)
{
    if(jQuery(window).width() > 1024){
        if(jQuery('.header-maincart').has(e.target).length == 0 && jQuery('.cart-wrapper').has(e.target).length == 0 ){
            jQuery('.header-maincart .cart-wrapper').hide();
            jQuery('.header-maincart .icon-cart-header').removeClass('active');
        }
    }
    if(jQuery('.header-search .overwrite-setting').has(e.target).length == 0 && jQuery('.search-container .switcher-content').has(e.target).length == 0){
        jQuery('.search-container .switcher-content').hide();
        jQuery('.header-search .overwrite-setting').removeClass('active');
    }
    if(jQuery('.header-setting .overwrite-setting').has(e.target).length == 0 && jQuery('.setting-switcher .switcher-content').has(e.target).length == 0){
        jQuery('.setting-switcher .switcher-content').hide();
        jQuery('.header-setting .overwrite-setting').removeClass('active');
    }


});