Create website grid functionality in my description.

There is a grid used on this website where, when a user is clicked, the bio shows in a row below. Please be sure to see website here: [login to view URL] If the user clicks on a person's bio from a different row, then the other open rows will close. I want to replicate this functionality and also take it one step further: There will also be multiple bootstrap tabs of bios. For example: [login to view URL] There will be bios in each bootstrap tab, so when a bio is clicked within another tab, then the all the other biography rows in other tabs will close. You can use bootstrap for this project, but not the grid system. Only bootstrap JS and the CSS that bootstrap uses for components. Must be compatible with IE10 and up. Must not use display: flex; One more step, is that the example site doesn't behave correctly at media queries -- this would need to be changes in this project. When the layout goes down to 2 people per row, and the images are click, the biography should appear below the current row. Feel free to message me with any questions