検索バーにアイコンを入れます

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(); 
    }); 
});