Animate tiles with JQuery

You can see 8 tiles (Buttons) in the bottom of the [login to view URL] page (attached pictures). ToDO: 1. On Click, the two rows of buttons (4 buttons upper row, 4 buttons lower row) slide apart each other and in the empty space a text of about 150 words has to be shown (font style as size and color inherit from rest of normal text on page). Each button should have it's own text. Hide the text when clicking elsewhere on the page and resume to normal view. Check attached pictures for reference. Use lloret ipsum as temporary text for each button. Animate everything, duration around 1s. We will upload files on acceptance, check attached pictures for reference. The project is URGENT and has to be finished as soon as possible, preferred today ! Use Jquerry jquery and/or CSS for animations.