<ul class="sidebar-menu">
<li id="business-card"><a id="suka" href="#">Сайт-визитка</a></li>
<li id="landing"><a href="#">Landing page</a></li>
<li id="market"><a href="#">Интернет-магазин</a></li>
<li id="corp"><a href="#">Корпоративный сайт</a></li>
<li id="bitrix"><a href="#">1C Битрикс</a></li>
<li id="advertising"><a href="#">Контекстная реклама</a></li>
<li id="seo"><a href="#">SEO оптимизация</a></li>
<li id="promotion"><a href="#">Продвижение в соц. сетях</a></li>
<li id="marketing"><a href="#">Контент-маркетинг</a></li>
</ul>
<div class="services-info">
<div class="content">
<div class="business-card show">Сайт-визитка</div>
<div class="landing hide">Landing page</div>
<div class="market hide">
<div class="services-info-title">
Созданные экспертами «Inter-web» сайты интернет-магазинов имеют функциональность, необходимую для успешной онлайн-торговли.
</div>
<p>Что входит в нашу работу:</p>
<div class="services-info-block">
<ul>
<li>+ Подготовка технического задания</li>
<li>+ Разработка прототипа</li>
<li>+ Верстка макета</li>
<li>+ Интеграция дизайна</li>
</ul>
<ul>
<li>+ Написание уникальных текстов</li>
<li>+ Сбор семантики</li>
<li>+ Тестирование и запуск</li>
<li>+ Подключение веб-аналитики</li>
</ul>
</div>
<div class="services-info-footer">
<a class="order" href="#">Сделать заказ</a>
<a href="#" class="details">Узнать подробнее →</a>
</div>
</div>
</div>
</div>.hide{
display: none;
}
.show{
display: block;
}
$('.sidebar-menu li').click(function(event) {
var id = $(this).attr("id");
$('.services-info .content > div').sublings().removeClass('hide');
$('#' + id + 'div').addClass('show');
});$('.sidebar-menu li').click(function(event) {
var elemId = $(this).attr("id");
});.landing, .market {
display: none;
}$('.sidebar-menu li a').on('click', function() {
var index_ = $(this).closest("li").index() //get index
$('.sidebar-nav li').removeClass('actived'); //remove from other
$(".sidebar-nav li:eq(" + index_ + ")").addClass('actived'); //add class where index is same
});