单击时调用 Uikit.toggle

Question

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

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

这是我到目前为止所做的代码笔示例： https://codepen.io/anon/pen/bQGVdw

那么会发生什么：搜索输入不可见，因为它不是 "toggled":

 <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

单击时调用 Uikit.toggle

Call Uikit.toggle on click

javascript

getuikit