У меня есть эффект анимации, примененный к 4 делениям, чтобы создать эффект жалюзи: при наведении курсора на первый блок он увеличивается, остальные 3 уменьшаются, а когда вы «мышкой» все 4, возвращаетесь к 25% от общей высоты. .
Я хочу вставить вложенный div внутри каждого блока (спереди, фактически с абсолютным позиционированием), чтобы представить текст и ссылки, но каждый раз, когда курсор мыши находится над этим новым div, анимация сбрасывается (запускается событие mouseout ).
как сделать вложенный div невидимым для анимации? или включить его таким образом, чтобы он был невидим для кода анимации, но URL-адреса работают правильно?
пример здесь:
JQuery проблема
весь код встроен в эту демонстрацию.
Спасибо заранее.