Show hide information on post profiles

Hello. I want to have an image and as soon as you press the image, to show the information of the user that posted that post and if you press it again to hide, Is it possible?

Forum V. PunBB
Forum L. http://informationforumgr.forumgreek.com/forum

1. find in viewtopic_body:

Code:

<div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div>

2. before that, add:

Code:

<div style="text-align: center;" onclick="this.firstChild.value=(this.firstChild.value=='Ver perfil')?'Ocultar perfil':'Ver perfil';this.lastChild.style.display=(this.firstChild.value=='Ver perfil')?'none':'block';" class="profilmasque"><input type="button" class="profil1" value="Ver perfil">
<div style="display: none; text-align: left;">

after the code in 2. add this:

Code:

</div>

3. put in css:

Code:

input {
    background: url("http://i66.servimg.com/u/f66/11/96/49/61/input11.png") repeat scroll 0 0 white;
    border: 1px solid lightgrey;
    border-radius: 5px 5px 5px 5px;
    padding: 2px;
    text-shadow: 1px 1px 1 #666666;
}

4. result

Can that button be presented by an image? I mean, how can i change it from button to put it as an image and click on it and show and click on it to hide again?
Solved!