Dynamic archive page / jquery

Hi all,

I’m doing my own template, and I need some help for the archive page.

What I would like to do, is to have the list of the year of month in a <div>. So it would look like that :

<ul>
<li><a href="#the_corresponding_month(May in this case)">May</a></li>
<li><a href="#the_corresponding_month(April in this case)">April</a></li>
.....
</ul>

And then I would like to have the posts in a separate div

So each month will have a div that contains its posts

<div id="correspond_month(May)">
      <div class="archived-post-entry">
       Post 1
      </div>
      <div class="archived-post-entry">
       Post 2
      </div>
      .......
</div>

Is that possible to get a div with all the post for a specific month, and when a new month happened, it creates a new div that contains all its posts ?

My idea is to animate that with jquery : when you click on May
it displays the May archive post div, and when you click on April it hide the May archive post div and show the April one.

Please any help will be welcomed.

If my question doesn’t make sense, please let me know I will re-explain.

Thanks in advance chaps.

Best regards,