Slide user information

So I'm using PunBB, and I want to add a javascript code or something like that, with wich you can hide user information. By making a simple click on a button wich is placed by the username in topics. ( Something like the sign on the left of the forum. So just to let you know I'm using a customized viewtopic_body template.
Link to my forum : blink-design.forumotions.in

What you said seems to me like a Statement. Would you tell us your question?

I understand what you're trying to say, after reading it 5 times.


This will help you: https://help.forumotion.com/t78898-show-hide-widgets-script

All I wanted to tell you is that I want to hide and show that information under your avatar.

Okay, you need to be much more specific in your posts when asking for help. We have no clue what to help you with, any other way.

You'll need to wait for someone who knows the script to do that.

It works thank you.
I just want to replace the button with ordinary text )
But txn

will this work for other forums aswell ?

Yes It will
BTW If I choose to hide stats on the first post then I gotta show It from the first one too, on the button from the other members that posted there It just won't hide/show.

i added that code to my site and it dont work :

BTW If I choose to hide stats on the first post then I gotta show It from the first one too, on the button from the other members that posted there It just won't hide/show.

Rideem3 that would be a VERY long way and uneccessary way of doing that.

It can be done with a simple template edit.

So find this in your view_topic template:

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>


And right above it put this:

Code:


 <div>
    <div onclick="jQuery(this.parentNode.nextSibling).slideToggle();jQuery('.togglestats').toggle();" class="togglestats">Show Stats</div>
      <div onclick="jQuery(this.parentNode.nextSibling).slideToggle();jQuery('.togglestats').toggle();" class="togglestats"style="display:none">Hide Stats</div>
  </div>


And your done. This will toggle the information under each member individually.

Where it says 'Hide Stats' and 'Show Stats' you can replace with your images.

LGforum wrote:

And your done. This will toggle the information under each member individually.

Where it says 'Hide Stats' and 'Show Stats' you can replace with your images.

good job LG

Thanks, you can lock this topic now