I have a problem with navigation four buttons

Question

I have made four buttons.  And they work, but when I click again on button 1 all tree animations are playing!
When I click again on number on the start animation is displayed.
In the buttons I have set the animations for 2, 3 and for to hide.
How is this possible?
I have solved the problem

Answer 1

Change the text in your array to the text you want:
replace text1, text2, text3, text4 in the single quotes to the text you want.
var  theText = ['simulatie van varuatie snelhied van de propeller.<br>Begin situatie: 0 omwentelingen per seconden T = oneindig 0 volt','replace','replace','replace'];
sym.play();
// use the original code fom above  with children()  and nothing in the parenthese.
var buttons = sym.$("buttons").children();
$.each(buttons,function(i){console.log(i,$(this));
          $(this).on("click", function(){
     sym.$('textField').html(theText[i]);
theText[i] will be replaced with the values in the array   i = 0 will be theText[0] or the first text in the array, etc...
If it does not work, please PM your file to me so I can correct it.