My mouse out event interferes with my "clicked" animation...

Question

I created a page that contains several buttons. Whenever you mouse over any given button the graphic on the page updates to new information. Everything works fine at the level. Then, I created a click event on one of the
buttons, that makes an animation play on top of the information.
Everything works fine except whenever you click on a button, the animation will play...BUT as soon as the cursor "mouses out" (intentionally or not) the whole animation goes away and the page goes
to default ( as if you've moused out without ever have clicked the button )
I'm a complete newbie and know very little about Javascript and zero about jquery. I thought I could do a "workaround" and do it very simply but none of my "simple" solutions work.
I don't want to re-think or re-design the page but I may have to.
thanks

Answer 1

What if I pasted into this email? (see below)
Adobe Edge Animate Composition Actions
Edit this file with caution, being careful to preserve
function signatures and comments starting with 'Edge' to maintain the
ability to interact with these actions from within Adobe Edge Animate
(function($, Edge, compId){
var Composition = Edge.Composition, Symbol = Edge.Symbol; // aliases for commonly used Edge classes
   //Edge symbol: 'stage'
   (function(symbolName) {
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 1845, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 1110, function(sym, e) {
         sym.stop();
      //Edge binding end
            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("trans1");
         //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("trans3");
         //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 3435, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 2705, function(sym, e) {
         sym.stop();
      //Edge binding end
            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("child1");
         //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("child3");
         //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 953, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 4190, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 4930, function(sym, e) {
         sym.stop();
      //Edge binding end
            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("rec1");
         //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("rec3");
         //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 6200, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 5475, function(sym, e) {
         sym.stop();
      //Edge binding end
            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("eco1");
         //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("eco3");
         //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 7438, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 6759, function(sym, e) {
         sym.stop();
      //Edge binding end
            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("progman1");
         //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("progman3");
         //Edge binding end
Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 14877, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 8390, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 10076, function(sym, e) {
         // stop the timeline at the given position (ms or label)
         sym.stop(1000);
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("ed_work1");
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {
         // play the timeline from the given position (ms or label)
         sym.play("ed_work3");
      //Edge binding end
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 8975, function(sym, e) {
         sym.stop();
      //Edge binding end
      Symbol.bindElementAction(compId, symbolName, "$", "click", function(sym, e) {
         sym.play("reveal");
      //Edge binding end
   })("stage");
   //Edge symbol end:'stage'
   //=========================================================
   //Edge symbol: 'EarlyChildhood_yarn'
   (function(symbolName) {
   })("EarlyChildhood_yarn");
   //Edge symbol end:'EarlyChildhood_yarn'
   //=========================================================
   //Edge symbol: 'Transportation'
   (function(symbolName) {
   })("Transportation");
   //Edge symbol end:'Transportation'
   //=========================================================
   //Edge symbol: 'recandleisure'
   (function(symbolName) {
   })("recandleisure");
   //Edge symbol end:'recandleisure'
   //=========================================================
   //Edge symbol: 'ecodev'
   (function(symbolName) {
   })("ecodev");
   //Edge symbol end:'ecodev'
   //=========================================================
   //Edge symbol: 'prog_mang'
   (function(symbolName) {
   })("prog_mang");
   //Edge symbol end:'prog_mang'
   //=========================================================
   //Edge symbol: 'KEY'
   (function(symbolName) {
   })("KEY");
   //Edge symbol end:'KEY'
   //=========================================================
   //Edge symbol: 'earlychildspinner'
   (function(symbolName) {
   })("earlychildspinner");
   //Edge symbol end:'earlychildspinner'
})(jQuery, AdobeEdge, "EDGE-4775192");