psGif with the task http://yapx.ru/v/BTaYd . And below, my attempts to explain :) You need to make a smooth scroll + the appearance of the element with the text + hide the circle. I have not yet encountered such a task, I do not know how to solve
I will write an example both in codepen, and here
$('.wrap').click(function() { $('.hide-text').slideToggle('slow'); }); * { font-size: 30px; } .box { display: flex; justify-content: space-around; } .wrap { background-color: aqua; cursor: pointer; } .hide-text { display: none; } .hide-text-wrap { display: flex; justify-content: space-around; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="box"> <div class="wrap">Заголовок 1</div> <div class="wrap">Заголовок 2</div> <div class="wrap">Заголовок 3</div> </div> <div class="hide-text-wrap"> <div class="hide-text"> Заголовок 1 (замещение) </div> <div class="hide-text"> Заголовок 2 (замещение) </div> <div class="hide-text"> Заголовок 3 (замещение) </div> </div> 