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);
}
here it is: https://www.youtube.com/watch?v=qR9RE-N_jPo&feature=youtu.be
it happensto me all the times with each menu.
the video didn't capture all
thanks a lot:)
it really looks good on your computer...
on mine, the menu is open, close, and then reveals
Problem is that i don't see your issue. Here's what i see: https://www.screencast.com/t/0dj9894IecVi
Can you also make a video? It would have helped a lot
Thanks :)
Mikhail - the menu box shows, hides & shows again
What is IDE tab?
What function? The show() has only one instsnce. In advanc - one is only show(), as in the code, and one with animation button
BTW, as i can see, you have 2 same functions on site and page folds in IDE tab
So, function is probably executed twice
Hi Dafna! I'm checking your site right now
I'm not sure what's not working, from your point of view, can you please specify?
Difference between preview/live site?