Кирилл Туровников

<ul class="nav">
    <li><a href="#category-1">Категория 1</a></li>
    <li><a href="#category-2">Категория 2</a></li>
    <li><a href="#category-3">Категория 3</a></li>
</ul>

<div id="category-1">Описание категории 1</div>

$(function(){

    $('.nav a').on('click', function(e){
        e.preventDefault();
        $('html, body').animate({scrollTop: $($(this).attr('href')).offset().top}, 2000);
    });

});

<div class="item" data-value="800"></div>
<div class="item" data-value="801"></div>

<div class="item800"></div>
<div class="item801"></div>

$(".item").each(function(){
  var num = this.dataset.value;
  $('.item'+num).hide();
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<div class="footer-wrap">
   <div class="item"> </div>           
   <div class="item"></div>
   <div class="item"> </div>
   <div class="item"></div>
</div>
<style>
.footer-wrap,  .item {
    box-sizing: border-box;
    }
.footer-wrap {
   margin-left: -15px;
   margin-right: -15px;
   }
.item {
   padding-left: 15px;
   padding-right: 15px;
   }
</style>

$html->find('tr.S2H')
$html->find('tr:not(.S2H)');

.class>p:first-of-type{
font-weight: bold
}