Hey all -
As you may or may not have seen my previous post, this one has a few different issues I was unsure of how to fix.
I am pretty satisfied at this point. The only other things I was struggling with were...
1) When hovering over the "U" or "D" to highlight the other svg's (U-X-D) blue. I was using the ':not' some in
$(".blue-uxd:not(#diamond)").hover(function(){
joinButton.hide();
uxdButton.show();
2) This line works but there are still some issues where the diamond does not return to a full 100% and stops mid-hover. And when animating back up it still fades quickly from black to blue. Could I use a switch or something that only activates if the diamond reaches the top/floating step?
TweenLite.from("#diamond", 1, {fill:"#00bbd3", progress:0})
3) And when I hover over the "X/A" the " join button fades out and the "What are you waiting for?" fades in right after...
$("#xa-flip").hover(function(){
button.hide();
uxdButton.hide();
joinButton.hide();
hiddenButton.hide();
joinButtonActive.show()
TweenMax.to("#joinButtonActive", 6, {delay: 2, autoAlpha:0});
TweenMax.staggerFrom("#hiddenButton", 2, {autoAlpha:0});
joinButtonActive.hide();
hiddenButton.show();
}, function(){
joinButtonActive.hide();
hiddenButton.hide();
button.show();
joinButton.show();
});
thank you very much,
nick