need help displaying hidden div content into target div

need help displaying hidden div content into target div

I've seen this method a 100 times but can't quite figure out how it works in regards to using JQuery to run it.

1) I have a series of divs embedded into a page, sort of like an FAQ setup. Each has a unique id like id="service1" etc.

2) i'm using an unordered list with each li being a hyperlink to the div id's

3) the div's are set up as name anchors ( <a name="service1">Service One</a. ) so I can hyperlink to them via the <a href="#service1">Service One</a> method

4) There's 22 divs and they need to be hidden until summoned. Therefore, I set $('.service').hide(); to make them all disappear.

Now, where i'm stuck is in how to summon them individually and have them appear when the appropriate list hyperlink is clicked. I'm using:

  1. $('.servicelist a').click(function() {
  2. var toLoad = $(this).attr('href');
  3. }
So it's telling it to load the info found at the appropriate link. This is where i'm stuck. I need help on

1) how to 'unhide' the proper div id containing the related data
2) how to point it to the right location in the page (target div)

Thanks!