Basically, there's a list of facts and when one fact in the list is clicked, I want the fact information box in the same div as the fact (which is defined as class "fact") to appear. However my attempt seems to be .. incorrect.. any suggestions?

    $('.fact').click(function() {
        var factboxid = $('.fact .factinfo').attr("id");
        $('#fact'+factboxid+' .factinfo').show();
    });

Kinda there.

	$('.fact').click(function() {
		$('.factinfo').hide();
		var thisid = $(this).attr("id");
		if(lastid == thisid) {
			$(this).find(".factinfo").show();
		}
		lastid = $(this).attr("id");
	});

However whenever I click on the info box it hides. Any suggestions?

Fixed. Wrapped the text only in the div and heres the code:

    $('.fact').click(function() {
        $('.factinfo').hide();
        var thisid = $(this).attr("id");
        if(lastid != thisid) {
            $(this).next(".factinfo").show();
            lastid = $(this).attr("id");
        } else {
            lastid = 0;
        }
    });

Glad you figured it out.

Just as a sidenote, don't feel like you always need to use jQuery methods:

var thisid = $(this).attr("id");

inside of the $.click() function could have easily been expressed as:

var thisid = this.id;

which is shorter and will parse faster.