//http://andylangton.co.uk/articles/javascript/jquery-show-hide-multiple-elements/
// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {

// choose text for the show/hide link
var showText="More Info";
var hideText="Hide Info";

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

// hide all of the elements with a class of 'toggle'
$('.toggle').hide();
// apply to div that is to be open on pageload
$('.show').show();

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

// change the link text depending on whether the element is shown or hidden
//if ($(this).text()==showText) {
//$(this).text(hideText);
//}
//else {
//$(this).text(showText);
//}

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

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

});
});