Поместите значок в строку поиска

-2

Я пытаюсь найти значок поиска только в моем навигационном баре, который находится там, но я хочу, чтобы панель поиска выпадала при нажатии на значок поиска. Я не знаю, что я делаю с этим кодом:

<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>
Показать ещё 1 комментарий
Теги:
search
icons

1 ответ

1

Не могли бы вы использовать jquery? Сделать .dropdown-menu { display: none; } .dropdown-menu { display: none; } а затем используйте jquery и выполните следующие действия:

$(document).ready(function(){
  $(".dropdown-toggle").click(function(){
    $(".dropdown-menu").toggle();
  });
});
Поделиться
  • 0
    Спасибо, что очень помогло, но знаете ли вы, как я мог бы это закрыть?
  • 0
    Вы можете использовать .toggle(); вместо .show() . в основном это просто переключение между скрытием / показом. Если до щелчка элемент скрыт, он покажет. Если он виден, он будет скрыт. Так что в вашем CSS все, что вы хотите, чтобы ваш первоначальный вид просто установить его! .toggle() определенно то, что вы ищете.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню