I have a listing of items on the page and each one has a <div> with a description in it. There are two versions of each description, one short and one full length. I like the user to be able to swap between them by clicking the 'more' and 'close' links. I have started the script but need some help to perfect it. The problem with what I wrote is that it applies to all the divs on the page instead of the specific one that was clicked. What can I change to correct it?

The jQuery:

1. $(document).ready(function() {
2. $('div.desc > p.desc-full').hide();  
3. $('a.more').click(function() {
4. $('div.desc > p.desc-trunc').slideUp('fast');
5. $('div.desc > p.desc-full').slideDown('fast');
6. });
7. $('a.close').click(function() {
8. $('div.desc > p.desc-full').slideUp('fast');
9. $('div.desc > p.desc-trunc').slideDown('fast');
10. });
11. }); 

The HTML:

1. <div class="art-desc">
2. <p class="desc-trunc">Truncated version of text<a class='more' href='#'>more</a></p>
3. <p class="desc-full">Full length version of text<a class='close' href='#'>close</a></p>
4. </div>

Thanks