Hide Mini Profile contact information by default

[KaynilMember]

Well, I just changed to punBB, and I suppose it is a simple code, but I have little practice so I decided to ask here, hopefully I can make myself understood.

When you post a message, in your mini profile appears your contact field in the same "line" (yet not the same cell) as "quote", "edit" etc buttons... Since I have a lot of fields, the information takes more space and open an unneeded gap I want to solve.

I have seen some profiles having a "click here to see more" type of button or text, that displays pretty much the same way a spoiler tag works. I would like to implement one in my forums, the only thing to keep in mind it is not for the usual "location, zodiac, etc" type of information but "PM, Email, website, MSN, Skype..etc

This is our current look:


Thank you very much.

[MikeAdministrator]

I'd suggest to use smaller icons instead. It's more organized.

[KaynilMember]

Thank you for the suggestion, but I still would like a code for hiding them inside a button.
Is there a way to achieve this in punBB?

[LGforumModerator]

Do you have this in your viewtopic_body template:

Code:

<div class="user-contact">

If so swap it for this:

Code:

<span onclick="jQuery(this.nextSibling).toggle()">Contact Info</span><div class="user-contact" style="display:none">

[Sponsored content]