Chargement de contenu différent dans un div

Question

Je suis un peu nouveau à js et jQuery alors ours avec moi.

Je veux charger un contenu différent dans un div en fonction de ce qui est cliqué. Si le lien A est cliqué, alors le contenu A est chargé, si le lien B est cliqué, alors le contenu B est chargé ... etc. J'ai réussi à obtenir du contenu dans la div mais je ne peux pas obtenir plus que le premier.

<p class="pageid" data-page="page_a">Click here for a<p> 
<p class="pageid" data-page="page_b">Click here for b<p> 

<div id="new_content" style="width:500px; margin-top:50px;"></div> 

<script> 
//set class pageid as a variable 
var pageid = $('.pageid') 
//get pageid's data page info 
var page=pageid.attr("data-page") 

//onclick load page 
$('.pageid').click(function() { 
     $("#new_content").load(page); 
    }); 

</script> 

Quelqu'un peut-il me diriger dans la bonne direction s'il vous plaît. Merci Phil

Answer 1

pas sûr, essayez ceci:

$('.pageid').click(function() { 
     $("#new_content").load($(this).attr("data-page")); 
    });