将图标放入搜索栏

Question

我试图只在我的导航栏中有一个搜索图标，但我希望在单击搜索图标时下拉搜索栏我不知道我在用这段代码做什么：

<ul class="nav navbar-nav navbar-right">
    <li class="dropdown">

        <a href="#navs" class="dropdown-toggle" data-toggle="dropdown">
            <span style="color:white" class="glyphicon glyphicon-search"/>
        </a>

        <ul class="dropdown-menu" role="menu">
            <li>
                <input type="hidden" name="cx" />
                <input type="hidden" name="ie" value="UTF-8" />
                <input type="text" name="q" size="25" />
                <input type="submit" name="sa" value="Search" />


            </form>
        </li>
    </ul>
</li>
</ul>
</div>
</div>

Answer 1

你能用jquery吗？制作.dropdown-menu { display: none; }，然后使用jquery并执行以下操作：

$(document).ready(function(){
  $(".dropdown-toggle").click(function(){
    $(".dropdown-menu").toggle();
  });
});