HTML

<div style="text-align: center;">
<a data-index="1" class="ViewResult">Результаты 1(<span data-index="1" class="ResultNumber">0</span>)</a>
<a data-index="2" class="ViewResult">Результаты 2(<span data-index="2" class="ResultNumber">0</span>)</a>
<a data-index="3" class="ViewResult">Результаты 3(<span data-index="3" class="ResultNumber">0</span>)</a>
<a class="spoiler_indicator">Очистить результаты</a>
</div>
<a href="" class="spoiler_title">Результаты</a>
<div class="spoiler_toggle">
<div class="spoiler_bg"></div>
</div>


JS

    $(".ViewResult").on("click", function(event) {
        let el = $(event.target.closest(".ViewResult"))
        let index = parseInt(el.attr("data-index"))
        Api.DownloadResult(index).then((res) => {
            $('.spoiler_bg').text(res);
            $(".spoiler_bg").html($(".spoiler_bg").html().replace(/\n/g,'</br>'));
        })
    });

    $(document).ready(function(){
     $('.spoiler_title').on('click', function(){
          $('.spoiler_toggle').slideToggle();
          return false;
    });
    $('.spoiler_indicator').on('click', function(){
         $('.spoiler_bg').text('');
    });
	
CSS


.spoiler_indicator {
    float: right;    
}

.spoiler_title {
    display:block;
    background-color: #551A8B;
    color: #fff;
    padding: 10px 10px;
}
.spoiler_toggle {
    display:none;
}
.spoiler_bg {
    background: #9C6AC9;
    padding: 5px 5px;
    overflow: auto;
    max-height: 100px;
}