Добавление удаление класса
 

Привет, прошу помочь. Есть задача переключать класс у основного, при нажатии на кнопку. Такой вот простенький код.

$('.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, а нужно только нужному

$(this).next()

$(this).parents('section')

У меня нет слов. Пойду убъюсь головой об стену, я идиот.

Большое спасибо. Благодарю от всей души.