С наступающим, уважаемые.
Есть каруселька на materializecss такого вида:
<style>
все id кроме #first_h и #first_content{
display:none;
}
</style>
<div id="first_h3">one</div>
<div id="secondt_h3">one</div>
<div id="third_h3">one</div>
<div id="fourth_h3">one</div>
<div id="fifth_h3">one</div>
<div class="carousel">
<a id="first" class="carousel-item" href="#one!"><img src="#"></a>
<a id="second" class="carousel-item" href="#two!"><img src="#"></a>
<a id="third" class="carousel-item" href="#three!"><img src="#"></a>
<a id="fourth" class="carousel-item" href="#four!"><img src="#"></a>
<a id="fifth" class="carousel-item" href="#five!"><img src="#"></a>
</div>
<div id="first_content">one</div>
<div id="second_content">one</div>
<div id="third_content">one</div>
<div id="fourth_content">one</div>
<div id="fifth_content">one</div>
Ну, так вот, как можно реализовать ,чтобы при нажатии каждого элемента в карусели отображались заголовок и контент соответствующий номеру id в карусели? Через onklick все работает у меня ,но это очень громоздко в html смотрится.
Можноли средствами js это сделать как подключаемый файл например?
И да, пользуясь случаем, хочу поздравить всех посетителей этого форума с новым годом и рождеством. Спасибо вам огромное, вы меня пару раз очень выручили. Удачи вам и добра, чтобы на благие дела и начинания хватало. Спасибо за внимание.