can't get my animation in edge animate to work

here's my code, I can't figure out what exactly is wrong. None of my animations for my content are working when clicking on the corresponding buttons within my webpage.

this is what i believed would work:

var mySymbolObject = sym.getSymbol("homeright2");

mySymbolObject.play("homeright3");

var mySymbolObject = sym.getSymbol("hometoptext2");

mySymbolObject.play("hometoptext3");

var mySymbolObject = sym.getSymbol("homeleft2");

mySymbolObject.play("homeleft3");

// Show an element

sym.$("homeleft2").show();

// Show an element

sym.$("hometoptext2").show();

// Show an element

sym.$("homeright2").show();

// Hide an element

sym.$("xboxone").hide();

// Hide an element

sym.$("macbookpro").hide();

// Hide an element

sym.$("bose").hide();

// Hide an element

sym.$("productstitle").hide();

// Hide an element

sym.$("applemic").hide();

// Hide an element

sym.$("geeksquadtext").hide();

// Hide an element

sym.$("geeksquadlogo").hide();

// Hide an element

sym.$("appletv").hide();

// Hide an element

sym.$("dealtitle").hide();

// Hide an element

sym.$("COD").hide();

// Hide an element

sym.$("nexus").hide();

// Hide an element

sym.$("toshiba").hide();

// Hide an element

sym.$("applestore").hide();

// Hide an element

sym.$("shopstitle").hide();

// Hide an element

sym.$("samsung").hide();

// Hide an element

sym.$("mag").hide();

// Hide an element

sym.$("microsoft").hide();

// Hide an element

sym.$("midtext").hide();

// Hide an element

sym.$("toptext").hide();

// Hide an element

sym.$("phone").hide();

// Hide an element

sym.$("contacttitle").hide();