Горизонтальный скролл по клику js

Есть список услуг:

<div class="container services">
<div class="serv-wrap">
            <div><a class="other-item active-usluga"><img src="<?php bloginfo('template_url'); ?>/img/impl.png" id="img-usl"><br>Имплантация</a></div>
            <div><a class="other-item"><img src="<?php bloginfo('template_url'); ?>/img/remont.png" id="img-usl"><br>Ремонт</a></div>
            <div><a class="other-item"><img src="<?php bloginfo('template_url'); ?>/img/chistka.png" id="img-usl"><br>Чистка</a></div>
            <div><a class="other-item"><img src="<?php bloginfo('template_url'); ?>/img/detyam.png" id="img-usl"><br>Детям</a></div>
            <div><a class="other-item"><img src="<?php bloginfo('template_url'); ?>/img/prof.png" id="img-usl"><br>Профилактика</a></div>
            <div><a class="other-item"><img src="<?php bloginfo('template_url'); ?>/img/prof.png" id="img-usl"><br>Профилактика</a></div>
            <div><a class="other-item"><img src="<?php bloginfo('template_url'); ?>/img/prof.png" id="img-usl"><br>Профилактика</a></div>
            <div><a class="other-item"><img src="<?php bloginfo('template_url'); ?>/img/prof.png" id="img-usl"><br>Профилактика</a></div>
</div>  
            <div class="service-controls service-prev"><img src="<?php bloginfo('template_url'); ?>/img/prev.png" class="prev"></div>
            <div class="service-controls service-next"><img src="<?php bloginfo('template_url'); ?>/img/next.png" class="next"></div>   
</div>

как сделать на jquery или чистом js, чтобы при нажатии на кнопки prev и next происходил бы скролл влево и вправо на ширину div'ва (150px)? Куда копать подскажите.Может совсем простой вопрос