How to make text area with Hide Button

How to make text area with highlight Button part 2

See below to demo

Bloggertrix :

Type text, or place image here

This will help to one who  want to copy all script without missing any tags

1. Log in to your blogger account and Go to Posting" >> "New Post"

2. you can paste below code  and replace with your text

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;">

<b>Bloggertrix</b> : <input onclick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Hide'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">

<div style="display: none;">

Type text, or place image here
</div></div></div>

Note:  Replace  Show,Hide All with your button name
           Change Bloggertrix as your like
           Replace  Type text, or place image here with your text


3. Done