在Js中调用其他函数内的函数

Question

我不明白我做错了什么可以有人解释我？

https://jsfiddle.net/4pvhsLew/

这个想法是有一个恢复文本的简单功能。 如果文字太长则放一个＆＃34; ...＆＃34;并在点击显示全长。 然后在末尾添加span以再次隐藏它。

因此#infoCountry是超过200个字符的<p>元素。

if(document.getElementById("infoCountry").innerHTML.length > 200){
    function test(){
        var fullInfo = document.getElementById("infoCountry").innerHTML;
        var semiInfo = fullInfo.substring(0,200) + '<span id="plusInfo">...</span>';
        document.getElementById("infoCountry").innerHTML = semiInfo; 

        var voirPlus = document.getElementById("plusInfo");
        voirPlus.addEventListener("click", function(){
            document.getElementById("infoCountry").innerHTML = fullInfo +'<span id="moinsInfo">&nbsp; Cacher</span>'; //Affiche tout et "Cacher"
            var voirMoins = document.getElementById("moinsInfo"); 
            voirMoins.addEventListener("click", test()); // HERE IS THE BUG ?
        })

    }
    test();
}

直到我试着回想它才行。但控制台保持空白。我不明白那里的错误理解在哪里：/