Get symbol timeline to play EVERY TIME the button is clicked?

Question

I have an animation with a button, when the button is clicked a symbol timeline is played from a label at the beginning of the timeline.
After the button is clicked the first time it will not play the timeline again until the page is refreshed.
How can I get the button to play the symbol's timeline any time it is clicked without having to refresh the page?

Answer 1

Yes - you could put your buttons in a group and use $.each.  bellow is how to do it but I am sure there are other ways you could do it.
Here is an example - you have a group div called buttons that contains all your different buttons. (they can have any name since it will look for the children of the buttons div in order from bottom to top of the stack in your buttons div. I add a mouseout or mouseleave on the buttons to send the timelines back to 0.
The symbols are called symbol_1, symbol_2, etc in the example below but you could also make an array of the symbol names like var mySymbols = ['first','second','third','fourth','fifth']; and use sym.getSymbol(mySymbols[i]).play();
var buttons = sym.$("buttons").children();
$.each(buttons,function(i){
          $(this).on("click", function(){
                    sym.getSymbol('symbol_' + i).play();
$(this).on("mouseout", function(){
  sym.getSymbol('symbol_' + i).stop(0);
Below the group div is called btnSummer and had multiple buttons into it.