Frustrating jQuery conflict?

I am trying to use this bit of jQuery which will swap out div content when you click the appropriate link, sort of the way frames used to work (I can't think of a better way to describe it, sorry). As you can see in the JSfiddle page at the bottom here, the code works just fine. I have suspected a conflict with WordPress, which is why I changed '$' to jquery, although I have no idea if that is the problem. Does anyone know why this isnt working?

Good day to you,
I’m sorry to report that you have accidentally posted to the wrong support forum. We cannot help you here at WordPress.com with that site as it’s not being hosted by WordPress.com and we run on different software. This is the correct forum for your software http://wordpress.ORG/support/
WordPress.com vs WordPress.org: The Differenceshttp://support.wordpress.com/com-vs-org/
Best wishes with your site.