Привет, прошу помочь. Есть задача переключать класс у основного, при нажатии на кнопку. Такой вот простенький код.
$('.icon-setting').click(function () {
$('.setting ul').toggleClass('visible');
});
$('.setting .col-one').click(function () {
$('section.column').addClass('s8');
$('section.column').removeClass('s16');
$('section.column').removeClass('s24');
$('section.column').removeClass('sfull');
});
<section id="column-1" class="col s24 column">
<div class="content">
<div class="head">
1
<div class="setting">
<span class="icon icon-drag-and-drop" draggable="true"></span>
<span class="icon icon-full-scren"></span>
<span class="icon icon-setting"></span>
<ul class="">
<li class="col-one">col-one</li>
<li class="col-two">col-two</li>
<li class="col-three">col-three</li>
<li class="col-full">col-full</li>
</ul>
</div>
</div>
</div>
</section>
И эта связка работает, но section может быть много, и, соответственно, код, будет срабатывать для всех. Как сделать так, что бы при нажатии на li класс менялся у родительского section а не у всех. Аналогично с ul, при нажатии на .icon-setting класс присваивается всем спискам в блоках setting, а нужно только нужному
