</div><input id="button" type="button" value="Hide Buttons" /> </div>

2. $('document').ready(function(){  
3. $("#button").on('click', function(){
4. $(this).val('Show Buttons');
5. event.stopPropagation();
6. $("#thumbs").toggle();
7. $("#insideholder").toggle();
8. $("#buttonsH").toggle();
9. });

After the initial click everything disappears as It should and with another click it reappears again so that toggle is working fine.  I cannot figure out how to toggle the button value though.  After the first click the button value goes to 'show buttons' and does not toggle back.  

I've tried a few different things all to no success so I'm open to suggestions.   Thanks