Алексей Юдов

window.location.href = "https://some_link.here/to/go/there"

Вот хороший вариант. Изменить стиль не составит труда.

JavaScript-ом проверяем есть ли у текущего пункта меню подпункты, если да, то рядом с текущим пунктом вставляем кнопку с определенным классом, на который вешаем обработчик события раскрытия контейнера с дочерними подпунктами.

Писать готовое решение никто не будет.

Можно вот так это сделать. Но так как у вас нет своих вариантов, этот может не подойти

У вас неправильно записано......... так не записывают элементы в массиве.
Вот ссылка как правильно

и код на всякий

let obj = {
		    	'nameOneItem' : 'Name one',
		    	'nameTwoItem' : 'Name two'
	    	};
		
		$('button').click(function() {
			for(let key in arr){
				console.log(arr[key])
			}
		});

Ответ.

.nav__link{
    font-size: 16px;
    display: inline-block;
    padding: 0 15px;
    margin-top: 5px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,0);
}

Позиционирование:
1. FLEX-BOX
В вашем случае можно к контейнеру слайдера применить

.ctx {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

2. Старый добрый margin: 0 auto;

Что касается переключения слайдов
Используйте функцию js setInterval( function, delay )
Exp:

function showSlide(  )
{
  // типо показали слайд, с заказчиком такое не прокатит ;)
  console.log( "slider is shown" );
}


setInterval( function () {
  showSlide();
}, 3000 ); // Вызывает функцию showSlide() каждые 3 секунды ( задержку пишем в мс )

<div class="container">
	
<div class="black-block">
	
	<div class="white-block">
		
	</div>

</div>
</div>

.black-block{
	background-color: rgba(0,0,0,.95);
	width: 180px;
	height: 300px;
	position: relative; /* ВАЖНО */
	display: block; 
}

.white-block{
	background-color: rgba(255, 255, 255, .95);
	width: 180px;
	height: 180px;
	position: absolute;
bottom: 0;
	right: 0;
	border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

Для блока, содержащего отзывы, сделайте правильную структуру и тогда при написании CSS кода все выстроится как нужно. И в любом случае у главного контейнера будут такие св-ва :

.main-container{
  width: 90%;   // Это к примеру
  height: auto;   // Можно не писать, это свойство всегда auto
  overflow: auto;
}

К примеру о структуре контейнера. Я бы делал что-то подобное.

<div class="main-container"> <!-- Блок содержащий все отзывы -->

  <div class="review-container">  <!-- Отдельный отзыв с данными -->
    <div class="reviewer-name"> Alex </div>
    <div class="review-text"> Something review text </div>
    <div class="review-date"> 28.10.2017 </div>
  </div>

</div>

... но на вашем месте я бы подумал о том, что стоит все таки при клике на кнопку выгружать отзывы на страницу. Это сэкономит время загрузки и трафик например, также ускорит загрузку всей страницы в целом