I have a problem with a combination of code + animation.
it seams like there are 2 show() in the output screen, although there is 1 instance of show() in the code, + object Reveal animation.
site is:
https://dafnakotzer.wixsite.com/test1
You can see the issue while hovering on the short colorful menu line:)
Thanks a lot for your assistance:)
The code is attached…
Thanks,
Dafna
//hide all boxes
function hideAllMenuBoxes() {
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]
.forEach(idx => {
$w(‘#menuBox’ + idx).hide();
});
}
//show one, hide others
function toggleFold(index) {
let $fold = $w(‘#menuBox’ + index);
$fold.show();
// collapse the other folds
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]
.filter(idx => idx !== index)
.forEach(idx => {
$w('#menuBox' + idx).hide();
});
}
export function header1_mouseIn() {
hideAllMenuBoxes();
}
export function headerStrip_mouseIn() {
hideAllMenuBoxes();
}
//menu boxes strip
export function menuStrip_mouseIn() {
if ($w(“#headerStrip”).collapsed === true) {
$w(“#headerStrip”).expand();
$w(“#shortStrip”).expand();
$w(“#highStrip”).collapse();
}
}
export function menuStrip_mouseOut() {
hideAllMenuBoxes();
}
export function outBox_viewportEnter() {
hideAllMenuBoxes();
$w(“#highStrip”).expand();
$w(“#shortStrip”).collapse();
$w(“#headerStrip”).collapse();
}
export function inBox_viewportEnter() {
$w(“#shortStrip”).expand();
$w(“#highStrip”).collapse();
$w(“#headerStrip”).expand();
}
export function box1_mouseIn() {
toggleFold(1);
}
export function box2_mouseIn() {
toggleFold(2);
}
export function box3_mouseIn() {
toggleFold(3);
}
export function box4_mouseIn() {
toggleFold(4);
}
export function box5_mouseIn() {
toggleFold(5);
}
export function box6_mouseIn() {
toggleFold(6);
}
export function box7_mouseIn() {
toggleFold(7);
}
export function box8_mouseIn() {
toggleFold(8);
}
export function box9_mouseIn() {
toggleFold(9);
}
export function box10_mouseIn() {
toggleFold(10);
}
export function box11_mouseIn() {
toggleFold(11);
}
export function box12_mouseIn() {
toggleFold(12);
}
export function box13_mouseIn() {
toggleFold(13);
}