Скрыть элементы холста, когда пользователь нажимает на независимый div (используя PaperJS)

Я использую PaperJs, чтобы показать некоторые элементы, и у меня есть div вне холста, и при нажатии в этом div я хочу скрыть один из элементов внутри холста.

Для этого выполните следующий код:

$('#outside_div').on('mousedown','div',function(event){
 if(group1.opacity == 0)
 {
    group1.opacity = 1;
 }
 else
 {
    group1.opacity = 0;
 }
});

Здесь group1 является частью PaperJS (http://paperjs.org/). Этот набор кодов дает мне желаемый результат, только когда я перемещаю курсор после нажатия на "outside_div".

Я перефразирую - когда я нажимаю на #outside_div, ничего не происходит, но как только я перемещаю свой курсор даже на один пиксель, group1 становится видимым/невидимым.

Я хочу, чтобы видимый/невидимый переключатель выполнялся в самом клике, кто-нибудь знает, как это сделать, или кто-нибудь столкнулся с проблемой и получил некоторую работу. Любое предложение было бы здорово.

Я даже попытался подражать событию mousemove, а также попытался перенести фокус на другой div, но ничего не изменилось.