$(document).ready(function(){
	
	$('li.article').each(function(index,elem){
		//console.log(index);
		//console.log(elem);
		$(elem).append("<p><a class='show_link'>Click here to read more...</a><a class='hide_link'>Return</a></p>");
		$(elem).find('.article_details ').hide();
		$(elem).find('a.hide_link').hide();

		
		$(elem).find('a.show_link').each(function() {
			$(elem).find('a.show_link').click(function(){
				$(elem).find('.article_details').each(function(){
					$(this).show('slow');
				});
				$(elem).find('a.show_link').each(function(){
					$(this).hide();
				});
				$(elem).find('a.hide_link').each(function(){
					$(this).show('slow');
				});
			
			});
		});
		
		
		$(elem).find('a.hide_link').each(function() {
			$(elem).find('a.hide_link').click(function(){
				$(elem).find('.article_details').each(function(){
					$(this).hide('slow');
				});
				$(elem).find('a.hide_link').each(function(){
					$(this).hide();
				});
				$(elem).find('a.show_link').each(function(){
					$(this).show('slow');
				});
			
			});
		});


		

	});

	
	
});