Как сделать сворачивающиеся профили и подписи?

Домовой пишет:Сворачивание подписи [punBB] [phpBB2]

Код:

jQuery(document).ready(function(){
  jQuery('.profilbutton').click(function(){
      jQuery(this).parent().children('div.profilCont').toggle('normal');
      return false;
    });
});

Код:

<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>

Код:

<div class="user-info">
                        {postrow.displayed.ONLINE_IMG}

<div class="profil">
<div class="profilbutton"><a href="javscript://" style="text-decoration: none;">◊<span style="font-family:Georgia; font-size:16px;font-style:italic;">Открыть профиль</span>◊</a></div>
<div style="DISPLAY: none; position: absolute;" class="profilCont" >
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
</div>
  </div>
                        {postrow.displayed.POSTER_RPG}
                     </div>

Код:

/* Сворачивание профиля */
.pun .post .user {
overflow:visible;
}

.profil {
position:relative;
width:200px;
height:30px;
}

.profil div.profilCont {
position:absolute;
height:auto;
width:auto;
background-color:#fff !important; /*цвет фона поля*/
z-index: 999;
margin-top:6px; /* отступ поля от ссылки */
border:2px solid #E8C15D; /* толщина, стиль и цвет рамки */
-moz-border-radius:7px;
-khtml-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
box-shadow:0 0 15px 3px #E8C15D;
-webkit-box-shadow:0 0 15px 3px #E8C15D;
-moz-box-shadow:0 0 15px 3px #E8C15D;
padding:15px;
}