Как на JQ сделать, что бы при клике на div менялся его размер и появлялся нужный мне текст?

Question

[Капитан Какао]

Всем привет.

ПРИМЕР (эффект сделан через hover а не click)

В общем есть 2 блока левый и праввый.
Левый лолжен быть visibility: hidden;
При наведении на правый блок, его размер уменьшается и левый блок становится visibility: visible; плюс ко всему, в правом блоке появляется надпись "закрыть". И если нажать на закрыть, то левый блок обратно уходит в visibility: hidden;

Я яделал примерно то, что мне нужно только без исчезновения кнопки "закрыть" и левого блока через просто HOVER

Помогите сделать эффект именно не при наведении а при клике, и что бы кнопка закрыть появлялась при клике, и левый блок тоже. А по клику по кнопке закрыть, она исчезала и левый блок тоже.

ПРИМЕР

Answer 1

[Капитан Какао]

В общем погуглил немного, и сам попёр, сделал как-то вот так.
Всем спасибо)