$(document).ready(function() {

    var showText='Show Hidden Text';
    var hideText='Hide';

    var showButton = $('<input></input>').attr({
        'type':"button", 
        'class':"toggleLink", 
        value:showText
    });
    var hideButton = $('<input></input>').attr({
        'type':"button", 
        'class':"toggleLink", 
        value:hideText
    });
    // adding a toggle class to html will add a button to reveal the tags 
    // contents and hide it onload
    showButton.insertBefore('.toggle');
    $('.toggle').hide();
    // adding a showtoggle class will add button and reveal contents on load
    hideButton.insertBefore('.showtoggle');
    $('.showtoggle').addClass('toggle');

    $('.toggleLink').click(function() {

        $(this).val($(this).val()==hideText ? showText : hideText);

        $(this).next('.toggle').toggle('slow');

        return false;

    });
});




