<section class="about-us">
    <div class="about-title">
        <h2>See what others are saying about us</h2>
    </div>
    <div class="about-photo">
        <figure class="photo" data-id="1" data-text="“1orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ”"
        data-info="Pasha from" data-website="example.com">
            <img src="images/user-1.png" alt="photoUser">
        </figure>
        <figure class="photo" data-id="2" data-text="“2orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ”"
        data-info="Vika from" data-website="example.com">
            <img src="images/user-2.png" alt="photoUser">
        </figure>
        <figure class="photo" data-id="3" data-text="“3orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ”"
        data-info="Timur from" data-website="example.com">
            <img src="images/user-3.png" alt="photoUser">
        </figure>
    </div>
    <div class="about-text">
        <p>Нажми на фоточку и будет тебе Magic</p>
    </div>
    <div class="about-site">
        <p>Здесь можно увидеть информацию о сотруднике</p>
        <a></a>
    </div>
    <div class="points">
        <ul class="point">
            <li data-id="1" class=""><figure></figure></li>
            <li data-id="2" class=""><figure></figure></li>
            <li data-id="3" class=""><figure></figure></li>
        </ul>
    </div>
</section>

$('.photo').click(function(){
$('.photo').removeClass('active-element');
$(this).addClass('active-element');
if ($(this).data('id') == $('.point li').data('id')) {
    $('.point li').addClass('active-point');
};
$('.about-text p').text($(this).data('text'));
$('.about-site p').text($(this).data('info'));
$('.about-site a').text($(this).data('website')).attr("href", "#");