Я пытаюсь найти значок поиска только в моем навигационном баре, который находится там, но я хочу, чтобы панель поиска выпадала при нажатии на значок поиска. Я не знаю, что я делаю с этим кодом:
<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>
Не могли бы вы использовать jquery? Сделать .dropdown-menu { display: none; }
.dropdown-menu { display: none; }
а затем используйте jquery и выполните следующие действия:
$(document).ready(function(){
$(".dropdown-toggle").click(function(){
$(".dropdown-menu").toggle();
});
});
.toggle();
вместо .show()
. в основном это просто переключение между скрытием / показом. Если до щелчка элемент скрыт, он покажет. Если он виден, он будет скрыт. Так что в вашем CSS все, что вы хотите, чтобы ваш первоначальный вид просто установить его! .toggle()
определенно то, что вы ищете.