Здравствуйте господа, моя проблема состоит в скудном знании js, перелопатив множество сайтов с литературой я так и не пришел к ожидаемому результату, поэтому обращаюсь к вам.
Ситуация такова: у меня есть один большой новостной div в нем 5 пунктов( грубо говоря это: all,1,2,3,4.). В каждом из этих пунктов имеются 10 маленьких div новостей. По умолчанию на главной странице отображается пункт all(в который входят пункты от 1 до 4(грубо говоря все)). Нужно сделать так что при нажатии на пункт 1 отображались только те новостные div у которых class="1" , при нажатии на пункт 2 только div c class="2" и так далее.
В html я классы задал, поэтому проблема заключается только в js( а то есть в том, как это все оформить в js).
Спасибо за внимание, надеюсь на вашу помощь.
<div>
<div id="top">
<ul>
<li><a href="#">ALL</a></li><li><a href="#">1</a></li><li><a href="#">2</a></li> <li><a href="#">3</a></li><li><a href="#">4</a></li>
</ul>
</div>
<div class="novost-1">
<div class="novost"></div>
</div>
<div class="novost-2">
<div class="novost"></div>
</div>
<div class="novost-3">
<div class="novost"></div>
</div>
<div class="novost-4">
<div class="novost"></div>
</div>
<div class="novost-1">
<div class="novost"></div>
</div>
<div class="novost-2">
<div class="novost"></div>
</div>
<div class="novost-3">
<div class="novost"></div>
</div>
<div class="novost-4">
<div class="novost"></div>
</div>
</div>