javascript - 单击时调用 Uikit.toggle

Question

我想使用一个微小的 JS 方法来聚焦输入并切换搜索字段。

这是我正在使用的元素: https://getuikit.com/docs/search#toggle

这是我迄今为止所做的代码示例: https://codepen.io/anon/pen/bQGVdw

那么会发生什么:搜索输入不可见，因为它没有“切换”:

 <div class="uk-navbar-right">
    <div>
        <a class="uk-navbar-toggle" uk-search-icon href="#"></a>
        <div class="uk-drop" uk-drop="mode: click; pos: left-center; offset: 0">
            <form class="uk-search uk-search-navbar uk-width-1-1">
                <input id="searchbar" class="uk-search-input" type="search" placeholder="Search..." autofocus>
            </form>
        </div>
    </div>

我的问题:如何聚焦该字段并切换它，使其可见？

Answer 1

我认为集中搜索输入是不够的。尝试在 <a> 上调用单击事件元素包裹在搜索输入周围。

示例:https://codepen.io/anon/pen/MzQmJJ