Верно ли написан JS (jQuery)?
Неверно.
1) Это в принципе не ошибка, но вместо метода .click() лучше использовать .on(). Таким образом вы добьётесь единообразия в коде.
2) $(this) нужно сохранить в переменную, чтобы не создавать каждый раз экземпляр jQuery
3) $(this).closest('.col') тоже сохранить в переменную, ибо поиск в DOM-дереве самая затратная операция в скриптах.
4) Использовать цепочку вызовов по полной, а не частично как сейчас.
5) Какой-то лишний код у вас написан, хз для чего он.
В итоге ваш код будет выглядеть так: https://jsfiddle.net/beLsd91g/1/
Если вас все устраивает в чем проблема? И с чего вы взяли что это затратно для браузера?) На мелких проектах вы никогда не упретесь в потолок производительности.