Как спрятать текст под кнопку или слово?

Question

[kickbokser]

Всем привет подскажите пожалуйста, как сделать, чтобы при нажатии на кнопку вылазил текст? Вот кусок кода:

<div> 
<tr style="background: url(/img/bg_white.png);color: white;"> 
<td><div class="plugin_name">{name}</div></td> 
<td><div style="float: right;">{status}<center class="label label-success" title="Сколько раз установили" style="margin-left: 10px;">{installed}</center> {install} <a class="ymodal" href="/servers/plugins/{id}">Редактировать</a></div></td> 
</tr> 
<tr style="background: #FFFFFF;color: black;"> 
<td><img src="{img}" style="width: 150px;"></td> 
<td>{info}</td> 
</tr> 
</div>

Сейчас это так выглядит



Так было раньше:



В общем хочу сделать, чтобы всё было как раньше, только при нажатии на название "вылазило" описание как на первом скриншоте.

Сейчас у меня всё сразу открыто, а хотелось бы, чтобы при нажатии на название дополнения открывалось полное описание.

Вот так это выглядит

А хочу, чтобы так было и при нажатии на название открывалось полное описание)

Вот так вот

Всем кто хоть как-то поможет ставлю лайки:)

Comments

[sergey]

Вообще не понятно что Вы хотите, научитесь правильно задавать вопросы

Answer 1

[Stalker_RED]

https://jsfiddle.net/vs3sb22y/

Comments

[kickbokser]

Спасибо, но это немного не то. Мне нужно именно на примере моего кода, чтобы была картинка и описание смотрелось вот так (текст напротив картинки)

[Stalker_RED]

kickbokser: И с чем именно у вас проблема? Вы ждете, что кто-то с нуля за вас макет сверстает?