Здравствуйте уважаемые разработчики! Есть такой код
$('[data-type]').on('click', function () {
$('[data-type]').removeClass('active');
$(this).addClass('active');
});
$('[data-type="1"').click();
[data-toggle] {
display: none;
}
[data-toggle="active"] {
display: block;
color: red;
}
[data-type].active {
color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="active" data-type="1">
<h2>1</h2>
</a>
<a class="" data-type="2">
<h2>2</h2>
</a>
<a class="" data-type="3">
<h2>3</h2>
</a>
<div class="active" data-toggle="active">1</div>
<div class="" data-toggle="">2</div>
<div class="" data-toggle="">3</div>
Суть в том, что при нажатии на цифру, необходимо присваивать класс active для цифры по которой нажали и соответствующей цифре в другом блоке
CSS трогать не нужно вообще.
Можете пожалуйста подсказать как правильно поступить ? Т.е. нужно отследить нажатие по data-type (this) и передать его в data-toggle как я понял, или может по другому ?