Only 1st card expanding when clicked on other card link

I am working on a web application. I have a view in which there are cards three in a row. All the data is retrieved from database and bind using loop in view. There is a link named "read more" in each card in which when clicked expands it down showing more content.The problem is when click on link of other cards only 1st card is expanded and other cards aligns to right sides and not move down. Please help it out. Below is the code of the view