Как избежать дублирования кода?

Question

[Vladislav]

разметка

<div class="footer__column">
                    <button type="button" class="footer__btn-nav">Сотрудничество 
                        <span class="vertical"></span>
                        <span class="horiont"></span>
                    </button>
                    <ul class="footer__nav">
                        <li><a href="">Оптовым покупателям</a></li>
                        <li><a href="">Производителям</a></li>
                        <li><a href="">Поставщикам</a></li>
                        <li><a href="">Партнерская програма</a></li>
                        <li><a href="">Установочным центрам</a></li>
                        <li><a href="">Автомагазинам</a></li>
                    </ul>
                </div>
                <div class="footer__column">
                    <button type="button" class="footer__btn-nav">Сотрудничество 
                        <span class="vertical"></span>
                        <span class="horiont"></span>
                    </button>
                    <ul  class="footer__nav">
                        <li><a href="">Оптовым покупателям</a></li>
                        <li><a href="">Производителям</a></li>
                        <li><a href="">Поставщикам</a></li>
                        <li><a href="">Партнерская програма</a></li>
                        <li><a href="">Установочным центрам</a></li>
                        <li><a href="">Автомагазинам</a></li>
                    </ul>
                </div>

при клике на кнопку сработает метод slideToggle() и открывается именно тот список, который относится к кнопке, как реализовать без дублирования js кода через this, знаю как-то можно, но как? тыкался, не выходит

Answer 1

[Сергей Горячев]

$(this).next().slideToggle();

Comments

[Vladislav]

про .next() знал, но до такой комбинации методов не додумался, спасибо большое)