Sure thing, you can utilize jQuery modal dialogs for this task. Simply create a link or button for each article, and upon clicking, the article's text will be displayed in a modal dialog.
For a live example, check out this JSFiddle.
<div class='article' id="article1">
<p>Here is article 1, and so on...</p>
</div>
<button id='article1Button'>Article 1...</button>
<div class='article' id="article2">
<p>This is an additional article...</p>
</div>
<button id='article2Button'>Article 2...</button>
Below is the corresponding javascript:
$(document).ready(function(){
$(".article").dialog({
autoOpen : false,
resizable : false,
width : 400,
height: 400,
modal : true,
buttons: {
"Close" : function(){
$( this ).dialog( "close" );
}
},
close : function(ev, ui) {
return true;
}
});
$('#article1Button').click(function(){
$("#article1").dialog("open");
})
$('#article2Button').click(function(){
$("#article2").dialog("open");
})
});