I have multiple tables that need I need to show/hide individually by clicking font awesome icon. The icon must change from right chevron (hide) to down chevron (open) and vice versa.

I also have a button to show/hide all the tables which is working fine, except I would like all the tables to be closed to start with.

```
    $(document).ready(function(){
  $(".btn_hide").click(function(){
    $("table").hide();
  });
  $(".btn_show").click(function(){
    $("table").show();
  });
});

```

Here is a link to code <https://jsfiddle.net/tdd75/hkyep1ma/59/>