Есть код js
$(function() {
$(document).ready(function(){
$('.menu_content ul li').click(function() {
console.log(this.id);
$('.menu_content ul li').removeClass('active');
$('.i_content').removeClass('active');
$("#content").addClass('active');
});
});
});
Код html
<!--Content-->
<div class="content right">
<div class="wrap_content left">
<div class="menu_content">
<ul>
<li class="active" id="i_c1"><a>HISTORY</a></li>
<li><img src="images/pipa.png"></li>
<li id="i_c2"><a>THE EXELANCE</a></li>
<li><img src="images/pipa.png"></li>
<li id="i_c3"><a>THE COLLECTION</a></li>
<li><img src="images/pipa.png"></li>
<li id="i_c4"><a>LIFESTYLE</a></li>
<li><img src="images/pipa.png"></li>
<li id="i_c5"><a>AUTHENTICITY</a></li>
</ul>
</div>
</div>
<div class="wrap_content right">
<div class="c_content">
<div class="i_content active" id="i_c1">
<img src="images/port_1.jpg">
<p class="m_name">История</p>
<p class="t_name">THE EXELANCE</p>
<div class="h_pep"><img src="images/pipa.png"><img src="images/pipa.png"><img src="images/pipa.png"></div>
<div class="c_text">
<p>Provasi was founded in the early 1970's and led by four brother</p>
</div>
</div>
<div class="i_content" id="i_c2">
<img src="images/port_1.jpg">
<p class="m_name">История</p>
<p class="t_name">THE EXELANCE</p>
<div class="h_pep"><img src="images/pipa.png"><img src="images/pipa.png"><img src="images/pipa.png"></div>
<div class="c_text">
<p>Provasi was founded in the early 1970's and led by four brother</p>
</div>
</div>
</div>
</div>
</div>
<!--END Content-->
Нужно помочь додумать код чтобы добавлялся код ко всем блокам например с id i_c2 который определяется при нажатие на ссылку
