<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
$(".btn1").click(function(){
$("table").animate({borderSpacing:"10px"},"slow");
$(".btn2").click(function(){
$("table").animate({borderSpacing:"2px"},"slow");
table{border:1px solid black;}
td{border:1px solid black;}
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>