toggle the title of a button
<p>I have an HTML button and it shows another div instead of another div.</p>

<p>All I need is to toggle the text for the button: </p>

<pre><code>&lt;input id="blueButton" type="button" value="+ Add a new Team" onclick="
 $('#blueButton').prop('value', 'Hide'); 
 $('#teams').toggle('slow');
 $('#add_block').toggle('slow');"&gt;
</code></pre>

<p>I need to change the button text again from hide to the orgianl title which is <code>+ Add a new Team</code> </p>

<p>so the button title is <code>+ Add a new Team</code>
if clicked the button title change to <code>hide</code> if I click the button again it will change to <code>+ Add a new Team</code> again.</p>

<p>Thank you in advance.</p>
