Открытие поиска на сайте?

Question

[oc1tane]

Рисую щас дизайн проекта, хотел бы при верстке реализовать следующию плюшку:
Есть горизонтальное меню прижатое к верху, в этом меню есть кнопка поиска, при нажатие на поиск меню будет опускаться само меню, а сверху будет строка поиска, реализация нулевая, мб кто видел пример?

Answer 1

[Рустамка Воронцов]

.active {
    font-weight: 700;
}
$(function() {
    $('#search').click(function(e) {
        var row = $('#search_block');
        if (row.is(':visible')) {
            row.css('display', 'none');
            $(this).removeClass('active');
        }
        else {
            row.css('display', 'block');
            $(this).addClass('active');
        }
        e.stopPropagation();
        return false;
    });
});
<div id="search_block" style="display: none;">Search</div>
<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#" id="search">Search</a></li>
    </ul>
</nav>