こんにちは私は検索ボタンがクリックされる前にコードが表示されないようにしようとしています。非表示にしたい理由は、複数のデータが表示されており、データベースに複数のデータがあるためです。
そこで、最初に検索フォームを表示したいと思います。検索をクリックすると、結果が上のフォームとともに下に表示されます。検索の前にコードを一時的に非表示にするにはどうすればよいですか。私は本当に迷子になっていて、コードがあまり得意ではありません。
こんにちは私は検索ボタンがクリックされる前にコードが表示されないようにしようとしています。非表示にしたい理由は、複数のデータが表示されており、データベースに複数のデータがあるためです。
そこで、最初に検索フォームを表示したいと思います。検索をクリックすると、結果が上のフォームとともに下に表示されます。検索の前にコードを一時的に非表示にするにはどうすればよいですか。私は本当に迷子になっていて、コードがあまり得意ではありません。
jqueryを使用して、ページの要素を表示/非表示にすることができます。また、要素のcssをdisplay:noneに設定して、ページの初期ロード時に結果を非表示にすることもできます。次に、検索結果を表示する準備ができたら、jqueryの.show()を使用します。
<head>
<script type="text/javascript">
$(document).ready(function () {
$('#results').hide();
});
</script>
</head>
<body>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"</script>
<div id="results"></div>
</body>