Ajax sur ancre

Bonjour,
Je suis à la recherche d'un code capable d'effectuer l'action suivante :

j'ai mon lien : <li><a href="#newgame" id="linknewgame">Jouer</a></li>

le lien est une ancre car sa destination est un <article id="newgame"></article> qui n'est pas affiché à l'écran via css, à l'heure actuelle mon clic sur le lien ouvre via une css opacity mon <article> mais voila, je souhaiterais que la page ne charge le contenu de cette article uniquement lors de son affichage à l'écran, soit avec un onclick, soit en ajax, soit je sais pas ... xD


en sachant que par la suite mon code à l'intérieur sera chargé un peu comme ca :

        <script>
        $(document).ready(function(){
                $.ajax({
                        url: "http://localhost/api/pages/newgame",
                        method: "GET",
                        data: "token=3660935154fe3d7e9612466f6e70fbe6",
                        dataType: 'json',
                        success: function(json) {
                                console.log(json);
                                $("#response").append("<p><b>Page title: " + json.data.content+"</p>");
                        },
                        error: function(data) {
                                console.log("Error");
                        }
                });
        });
        </script>

merci par avance.






EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

Merci d'y penser dans tes prochains messages.