81 lines
2.8 KiB
JavaScript
81 lines
2.8 KiB
JavaScript
function test () {
|
|
//replaces and animates html for plates required to bar.
|
|
//if statment works but need to figureout how to step animation.
|
|
if (jQuery('.b-platevisual__plate').length > 0) {
|
|
console.log("Test")
|
|
//animates plates off
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 0,
|
|
left: "-16%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 0,
|
|
left: "116%",
|
|
}, {duration: 500, queue: false });
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 1,
|
|
left: "21%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 1,
|
|
left: "79%",
|
|
}, {duration: 500, queue: false });
|
|
} else {
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 1,
|
|
left: "21%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 1,
|
|
left: "79%",
|
|
}, {duration: 500, queue: false });
|
|
}
|
|
}
|
|
|
|
function animatePlatesOut () {
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 0,
|
|
left: "-16%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 0,
|
|
left: "116%",
|
|
}, {duration: 500, queue: false });
|
|
}
|
|
|
|
function animatePlatesIn () {
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 1,
|
|
left: "21%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 1,
|
|
left: "79%",
|
|
}, {duration: 500, queue: false });
|
|
}
|
|
|
|
|
|
function test () {
|
|
//replaces and animates html for plates required to bar.
|
|
//if statment works but need to figureout how to step animation.
|
|
if (jQuery('.b-platevisual__plate').length > 0) {
|
|
console.log("Test")
|
|
//animates plates off
|
|
animatePlatesOut();
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
setTimeout(animatePlatesIn(), 250);
|
|
} else {
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
animatePlatesIn();
|
|
}
|
|
} |