Скрыть содержимое DIV и показать его после нажатия кнопки поиска

Question

Я хочу сделать поиск страницы, как Google.Эта страница будет содержать следующее:

1. текстовое поле
2. кнопка поиска

После ввода значения в текстовое поле и нажатия кнопкирезультат должен быть помещен в DIV, но он не будет виден до нажатия кнопки поиска.Содержание должно быть показано только после нажатия кнопки поиска.Как этого добиться с помощью jQuery.

Answer 1

По сути, вы скрываете div с помощью CSS, и когда вы нажимаете кнопку поиска, это выглядит следующим образом.

Код CSS

#content_div {
   display: none;
}

jQuery

$(".search_button").click(function() {
    $("#content_div").show();
}

Answer 2

кажется, что вы, возможно, захотите использовать что-то вроде этого:

 $('#search_results').load('perform_search.php', {query: $('#search_query_input').val()});

объяснение:

1. # search_results - это div, в который вы будете помещать свои результаты
2. load () - это функция jquery для обновления контейнера через ajax
3. execute_search.php - это страница, которая вернет вам результаты для отображения в # search_results
4. запрос - это имя параметра, который будетпередано execute_search (например, 5. $ _REQUEST ['query'])
5. # search_query_input - это идентификатор вашего "текстового поля"

Приветствия, надеюсь, это поможет

Answer 3

Используйте функцию jQuery ajax() для достижения этой цели. Проверьте эту ссылку: http://www.codeforest.net/simple-search-with-php-jquery-and-mysql