$(function () {

    // choose text for the show/hide link - can contain HTML (e.g. an image)
    var showText = 'Tell me more';
    var hideText = 'Hide';

    // append show/hide links to the element directly preceding the element with a class of "toggle"
    $('.toggle').prev().append(' <a href="#" class="toggleLink">' + showText + '</a>');

    // hide all of the elements with a class of 'toggle'
    $('.toggle').hide();

    // capture clicks on the toggle links
    $('a.toggleLink').click(function () {

        // change the link depending on whether the element is shown or hidden
        $(this).html($(this).html() == hideText ? showText : hideText);

        // toggle the display - uncomment the next line for a basic "accordion" style
        //$('.toggle').hide();$('a.toggleLink').html(showText);
        $(this).parent().next('.toggle').toggle('slow');

        // return false so any link destination is not followed
        return false;
    });
});
