JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<table class="table2">
 <th></th><th>server 1</th><th>server 2</th>
    <tr><td class="btn"><span>+</span> used</td><td>1gb</td><td>2gb</td></tr>
 <tr><td class="expand1">drive 1</td><td class="expand1">0.5gb</td><td class="expand1">1gb</td></tr>
 <tr><td class="expand1">drive 2</td><td class="expand1">0.5gb</td><td class="expand1">1gb</td></tr>
    
 <tr><td class="btn2"><span>+</span> available</td><td>1gb</td><td>2gb</td></tr>
 <tr><td class="expand2">drive 1</td><td class="expand2">0.5gb</td><td class="expand2">1gb</td></tr>
 <tr><td class="expand2">drive 2</td><td class="expand2">0.5gb</td><td class="expand2">1gb</td></tr>
 <tr><td>total</td><td>2gb</td><td>4gb</td></tr>
</table>

CSS

.expand1 { display: none;
}

.expand2 { display: none;
}

JavaScript

$(document).ready(function(){
  $(".btn span").click(function(){
      if($(".btn span").html() == "+") {
          $(".btn span").html("-");
      } else {
          $(".btn span").html("+");
      }
    $(".expand1").toggle();
  });
  $(".btn2 span").click(function(){
      if($(".btn2 span").html() == "+") {
          $(".btn2 span").html("-");
      } else {
          $(".btn2 span").html("+");
      }
    $(".expand2").toggle();
  });
});