$(document).ready(function() {

 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('div[class^=rulespuz]').hide();
  
 // we need to create a function that operates anytime a link with a class that begins with our first prefix is clicked. In this example, we're looking for links that were clicked whose class begins with "puz", so  
$('a[class^=puz]').click(function() {
	$('a[class^=puz]').show('slow');
	return false;
});

$('a[class^=puz]').click(function() {
var $this = $(this);
});

$('a[class^=puz]').click(function() {
var $this = $(this);
var x = $this.attr("className");
});



$('a[class^=puz]').click(function() {
var $this = $(this);
var x = $this.attr("className");
$('.rules' + x).toggle(1000);
$(this).text($(this).text() == '[+] See more of this project' ? '[-] Hide' : '[+] See more of this project');
return false;
});

});