AngularJS Example:

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div ng-app="app">
    <div class="container" ng-controller="TodoCtrl">
        <div ng-repeat="recomended in recommends">
            
            <a class="btn btn-primary" ng-click="setSelectedItem(recomended)"> Click to view {{recomended.Name}} </a>

            <div class="well" ng-show="selectedItem == recomended">
                 <h1>{{recomended.Name}}</h1>

                <hr>
                <img class="recomendedrunimg" ng-src="../run/{{recomended.Image}}">
                <br>
                <br>
                <p>{{recomended.Desc}}</p>
            </div>
        </div>
    </div>
</div>

JavaScript

angular.module('app', [])
    .controller('TodoCtrl', function ($scope) {

    $scope.setSelectedItem = function (item) {
        $scope.selectedItem = item;
    };
        
    $scope.recommends = [{
        "Name": "Pogrom wichra - Ole\u015bnica ",
            "Desc": "Dystans: ok 7km (bieg w stylu poligonu s\u0142u\u017cb specjalnych Polski) Trasa: woda, b\u0142oto, trz\u0119sawisko, g\u0119ste zaro\u015bla, przeszkody naturalne i sztuczne http:www.pogromwichra.pl",
            "Image": "9833.jpg"
    }, {
        "Name": "Bieg herosa ? Pustynia B\u0142\u0119dowska",
            "Desc": "Dystans: opcja do wybrania 9 km, 10kmp\u0142aski lub z przeszkodami, bieg 3 i 9 godzinny Trasa: piasek, piasek, piasek, wzniesienia, przeszkody naturalne i sztuczne www.biegherosa.pl",
            "Image": "6273.jpg"
    }, {
        "Name": "Dycha na 5 ? Pi\u0105tkowice (ko\u0142o Pabianic)",
            "Desc": "Dystans: 10km z niespodziank\u0105 Trasa: nawierzchnia utwardzona ok. 5%, drogi i \u015bcie\u017cki gruntowe 95%. Na trasie do pokonania tor motokrosowy z ostrymi podbiegami i zbiegami po nier\u00f3wnym pod\u0142o\u017cu. Obcinek bardzo trudny technicznie. www.koronapabianice.pl ",
            "Image": "5383.jpg"
    }, {
        "Name": "Bieg rze\u017aniczka (ma\u0142y rze\u017anik) ? Cisna (Bieszczady)",
            "Desc": "Dystans: ok. 27km Trasa: do\u015b\u0107 trudna trasa g\u00f3rska, chocia\u017c przepi\u0119kna i malownicza www.biegrzeznika.pl\/rzezniczek\/",
            "Image": "4640.jpg"
    }, {
        "Name": "Runmageddon ? wiele miast w Polsce",
            "Desc": "Dystans: 6, 12, 21km Trasa: woda, b\u0142oto, ogie\u0144, bagno, przeszkody linowe, sko\u015bne i pionowe \u015bciany, zasieki, okopy www.runmageddon.pl",
            "Image": "7378.jpg"
    }, {
        "Name": "GROM CHALLENDE - SI\u0141A I HONOR - O\u015brodek Szkolenia Poligonowego GROM Gr",
            "Desc": "Dystans: 20km Trasa: mega wyczerpuj\u0105ca, jest tam wszystko o czym...