EventListener/script.js at master · kaluks/EventListener · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var firstButton = document.getElementById('myButton');
var secondButton = document.getElementById('button2');
var thirdButton = document.getElementById('button3');
var fourthButton = document.getElementById('button4');

$(secondButton).hide();
$(thirdButton).hide();
$(fourthButton).hide();


    $(firstButton).hover(function(){$(this).fadeOut("slow")});

  firstButton.addEventListener('click',function(){
    $( this ).hide(  );
    $(secondButton).show();
  },false)

  secondButton.addEventListener('click',function(){
    $( this ).hide(  );
    $(thirdButton).show();
  },false)

  thirdButton.addEventListener('click',function(){
    $( this ).hide(  );
    $(fourthButton).show();
  },false)