$(document).ready(function() {

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

// initialise the visibility check
var is_visible = false;

// 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() {

// switch visibility
is_visible = !is_visible;

// change the link depending on whether the element is shown or hidden
if ($(this).html()==showText) {

$(this).html(hideText);

}

else {

$(this).html(showText);

}


// toggle the display
$(this).parent().next('.toggle').slideToggle('slow');

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

});
});