Список через toggleClass

При нажатии на один из пунктов списка через toggleClass добавляю overflow: visible, и соответственно появляется список. Но проблема, как видно по скрину, в том что можно открыть все списки. Как реализовать выпадение другого списка и скрытие первого.

Пример строчки кода, которая открывает список:

$(".works").click(function() {
    $(".works .sub_list").toggleClass("visible");
});

Добавление к уже имеющемуся. Тот код, который я выложил как решение работает, но с новой проблемой. Список теперь в принципе не закрывается, т.е. при нажатии на любой другой элемент списка предыдущий скрывается, но щелкнув на любую другую область страницы список не закроется. Новая проблема, соответственно нужно новое решение.