Toggle Button in Description

If anyone could send a code for adding a toggle button on the forum desciption like ere that would be awesome. I'm talking about the toggle above the hexagonal Forumotion icon.

Do you mean the category toggler?

Not that one, the one above it that doesn't look as good. The box one with the minus symbol.

Could you post a screenshot?

@Genesis here's a very basic example code :

Code:

<!-- STYLES FOR THE BUTTON AND CONTENT -->
<style type="text/css">
#toggle-button {
  /* button style here */
}
 
#toggle-content {
  /* content style here */
}
</style>
 
<!-- TOGGLE BUTTON AND CONTENT -->
<a id="toggle-button" href="#">Hide</a>
<div id="toggle-content">CONTENT HERE</div>
 
<!-- JAVASCRIPT FOR TOGGLE LOGIC -->
<script type="text/javascript">(function() {
  // get the button and content
  var button = document.getElementById('toggle-button'),
      content = document.getElementById('toggle-content');
 
  // check if the content has been hidden
  if (my_getcookie('toggle_content') == 'hidden') {
    content.style.display = 'none';
    button.innerHTML = 'Show';
  }
 
  // make the button do something when it's clicked
  button.onclick = function() {
    var content = document.getElementById('toggle-content'); // get the content again, but locally inside this function
 
    // if the content has been hidden we'll show it, otherwise we'll hide it
    if (/none/.test(content.style.display)) {
      content.style.display = '';
      this.innerHTML = 'Hide';
      my_setcookie('toggle_content', 'shown');
    } else {
      content.style.display = 'none';
      this.innerHTML = 'Show';
      my_setcookie('toggle_content', 'hidden');
    }
 
    return false; // prevents the button from opening the HREF content
  };
}());</script>

I've added comments to explain the code, but if you need any help let me know.

Thank you @Ange Tuteur!

Is there a way to make the toggle look like the category toggle on this forum?

Replace all instances of "Hide" and "Show" with whatever you want. It can be text ( +, -.. ), an image ( <img src="..."/> ), etc.. Then edit the stylesheet at the top to change the button or content styles :

Code:

<style type="text/css">
#toggle-button {
  /* button style here */
}
 
#toggle-content {
  /* content style here */
}
</style>

Solved! Thank you once again "Ange Tuteur"!