JQuery :: Displaying Hidden Div Content Into Target Div?

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:

$('.servicelist a').click(function() {
var toLoad = $(this).attr('href');
}

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)