Modificar o botão Exibir perfil

Como podem ver meu botão de exibir perfil se encontra bugado, quando clico no mesmo somente seleciona a palavra "Exibir Perfil" e não consigo desbugar... Como podem ver na imagem abaixo.
https://i.imgur.com/BjFQttj.png
Gostaria que ao clicar no botão aparece o perfil com as informações dessa forma demonstrada abaixo.
https://i.imgur.com/RtRcIvo.png
Se puderem ajudar agradeço *-*

Opa!

Crie um novo javascript:

Código:

/* Criado por Duel;
Não remova os créditos, uso livre a todos;
Código free, pode copiar mas mantenha os direitos autoriais.
Feito para o fórum OnePieceHistoryRpg;
Qualquer coisa: mateus.jaques2 (Skype) */

$(function(){
$('.user-inf').before('<div style="-moz-border-radius: 3px;-moz-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);-webkit-border-radius: 3px;-webkit-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);background: 242c2e!important;background-color: #242c2e!important;border: 1px solid #212121;border-color: #212121!important;border-radius: 3px;border-width: 1px 1px 0;box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);color: #fff;cursor: pointer;display: inline-block;font-family: Helvetica,Arial,sans-serif;font-size: 12px;font-style: normal;font-variant: normal;font-weight: 300;height: 30px;line-height: 30px;padding: 0 10px;text-align: center;text-shadow: 0 -1px 0 #191919;width: 125px;" id="exibirperfil">Exibir perfil</div>');$('.user-inf, .user-inf2').hide();var x = $('.user-inf').html();$('.user').after(' <div class="user-inf2" style="display: none;-moz-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px;background: #fff;border: 12px solid gray;border-radius: 7px;max-width: 300px;
padding: 7px;z-index: 999;"> '+ x+' </div> ');
$('#exibirperfil').click(function(){
$('.user-inf2').fadeToggle();
});
});