Coding effect happening once only

So My problem is the roll effect is only happening once.
The code here works no problem. When I mouse over a second time, the roll effect is not happening.


let rolleffectoptions = {
    "direction": "top"
export function box10_mouseIn(event) {

export function box10_mouseOut(event) {

For the show function to work, the element needs to be hidden. Changing the mouse_out event to this should fix the problem.

export function box10_mouseOut ( event ){
$w ( ‘#box11’ ). collapse ()
$w ( ‘#box11’ ). hide ()