With this code below when I click the mat
button it brings me the data in a table. I would like that by clicking the sp
button replace the contents of the table with another.
Code:
<button id="mat" class="button"></button>
<button id="sp"></button>
<table id="matriz">
</table>
<table id="saopaulo">
</table>
<script>
$(document).ready(function(){
$("#matriz").hide();
$("#mat").click(function(){
if($("#matriz").is(":visible")){
$("#matriz").hide();
} else{
$("#matriz").show();
}
$.ajax({
url: "../Conteudo/Matriz.html",
cache: false,
dataType: 'html'
})
.done(function(retorno) {
$("#matriz").html(retorno);
})
.fail(function() {
alert("Algo está errado");
});
});
$("#saopaulo").hide();
$("#sp").click(function(){
if($("#saopaulo").is(":visible")){
$("#saopaulo").hide();
} else{
$("#saopaulo").show();
}
$.ajax({
url: "../Conteudo/saopaulo.html",
cache: false,
dataType: 'html'
})
.done(function(retorno) {
$("#saopaulo").html(retorno);
})
.fail(function() {
alert("Algo está errado");
});
});
});
</script>