Add new info on child row that is already open.

I have requirement where multiple columns are clickable. So when you click on one column, nested child row is open and one table is added. When you click on another column, new table should be added leaving the previous table open. I am not able to achieve this. I have attached jsfiddle.
When i click on + icon, nested child row table is open.. When I click on salary column, another table should open underneath the nested child table , but its closing the previous table and opening only the second one .

https://jsfiddle.net/noszdw0c/21/