jQuery Simple Example
HTML
<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<label for="txtPesquisa">pesquisa</label>
<input type='text' id='txtPesquisa' />
<div class="pedidos">
<div id="1" class="hide">
1
</div>
<div id="2" class="hide">
2
</div>
<div id="3" class="hide">
3
</div>
</div>
CSS
body {
padding: 5px;
}
label {
font-weight: bold;
}
input[type=text] {
width: 20em
}
.hide{
display: none;
}
p {
margin: 1em 0 0;
}
JavaScript
$(document).ready(function() {
$("#txtPesquisa").keyup(function(index){
$(".pedidos div").hide();
$(".pedidos #"+$(this).val()).show();
});
});