$('.list_title').on('click', function(){
$(this).next('.list_content').slideToggle();
$(this).find('.listBgArr').toggleClass('uppArrow');
});
$('.list_title').click(function(){
var current = $(this).data('index');
$('.list_content[data-index="' +current+ '"]').slideToggle();
$(this).children('.listBgArr').toggleClass('uppArrow');});<div class="list_title pads_left list1" data-index="1">Тайтл куда кликаем<div class="listBgArr"></div>
<div class="list_content pads_left" data-index="1">
<span>• <a href="uglovie-dushevie-kabini.php">Пункт 1</a></span>
<span>• <a href="pryamie-dushevie-kabini.php">Пункт 2</a></span>
<span>• <a href="molirovannie-dushevie.php">Пункт 3</a></span></div></div>
<div class="list_title pads_left list2" data-index="2">Тайтл куда кликаем<div class="listBgArr"></div>
<div class="list_content pads_left" data-index="2">
<span>• <a href="lestnichnie-ograzshdeniya.php">Пункт 1</a></span>
<span>• <a href="balkonnie-ograzshdeniya.php">Пункт 2</a></span>
<span>• <a href="dushevie-ograzshdeniya.php">Пункт 3</a></span>
<span>• <a href="ograzshdeniya-vtorogo-sveta.php">Пункт 4</a></span></div></div>
$('#main-nav a').each(function(e) {
if (this.href == url) $(this).addClass('active');
});
var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
var winScrollTop = $(this).scrollTop();
if(winScrollTop > scrollToElem){
//сработает когда пользователь доскроллит к элементу с классом .elem
}
});
Взято было с интернета потому, что сам в JS ни капли не силен
как это можно воссоздать
ctrl+c и ctrl+v 
.scroller {
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
$(".contain").on("click", function() {
$(this).find(".burger").toggleClass("active");
$(".menu").toggleClass("open");
})