How to hide a part of the post ?

[ishare]

Hi,
I would like to learn if it is possible to hide a part of the text in a post/thread ?

I tried to do something like below with "spoiler" ( [spoiler]text[/spoiler] ) bbcode, but didnt work.

<if condition="is_member_of($bbuserinfo, 4,5,6)"><center><TABLE WIDTH="750" BORDER="0" align="center" CELLPADDING="5" CELLSPACING="10" BGCOLOR="#E0E0E0">
  <TR>
  <TD BGCOLOR="#edece9"><div align="center"><div id="spoiler">
    <div>
        <div align="center">
          <input type="button" id="pagenav_ibtn" value="Show Text!" style="border:1px solid #353533; width:720px;font-size:12px;margin:0px;padding:2px; background-color:#FFFFFF" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Text!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Text!'; }" />
      </div>
        <div id="show" style="display: none; background-color:#f7f6f3;">
            {param}
        </div>
        <div id="hide">
        </div>
  </div>
</div></div></TD>
</TR></TABLE></center></if>

The reason i would like to do something like this is, i want everybody to see the post but authorized (active members and admins etc...) will see all post including the hidden text and other members (standart members, guests, coppa etc...) will see the rest of the thread but not hidden text.

Another point with this customization is, authorized members should be able to use this command/code (whatever we call it) too. Because they also post threads which other members should not see some part of it.

I hope its possible to do something like this.

Thanks in advance
Regards