- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
$(document).ready(function() {
console.log("Ready");
var
block_1 = document.getElementsByClassName('block_1')[0],
block_2 = document.getElementsByClassName('block_2')[0],
block_3 = document.getElementsByClassName('block_3')[0],
block_4 = document.getElementsByClassName('block_4')[0],
open_1 = document.getElementsByClassName('open-1')[0],
open_2 = document.getElementsByClassName('open-2')[0],
open_3 = document.getElementsByClassName('open-3')[0],
open_4 = document.getElementsByClassName('open-4')[0];
open_1.onclick = function(){
block_1.style.display = "block";
block_2.style.display = "none";
block_3.style.display = "none";
block_4.style.display = "none";
};
open_2.onclick = function() {
block_2.style.display = "block";
block_1.style.display = "none";
block_3.style.display = "none";
block_4.style.display = "none";
};
open_3.onclick = function() {
block_2.style.display = "none";
block_1.style.display = "none";
block_3.style.display = "block";
block_4.style.display = "none";
};
open_4.onclick = function() {
block_2.style.display = "none";
block_1.style.display = "none";
block_3.style.display = "none";
block_4.style.display = "block";
};
});