Setze das Icon in die Suchleiste

Question

Ich versuche ein Suchsymbol nur in meiner Navigationsleiste zu haben, aber ich möchte, dass eine Suchleiste herunterfährt, wenn das Suchsymbol angeklickt wird. Ich weiß nicht, was ich ' m mit diesem Code tun:

<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

Könnten Sie jquery verwenden? Machen .dropdown-menu { display: none; } und dann jquery verwenden und wie folgt vorgehen:

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