layout_simple/main.js at master · nataxaa/layout_simple · 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
/*  abre e fecha a janela do usuario quando clicar no icone: > e x */
var btn = document.querySelector("#btn");
var btn_ = document.querySelector("#btn_");

var btn1 = document.querySelector("#btn1");
var btn1_ = document.querySelector("#btn1_");

var btn2 = document.querySelector("#btn2");
var btn2_ = document.querySelector("#btn2_");

var btn3 = document.querySelector("#btn3");
var btn3_ = document.querySelector("#btn3_");


btn.addEventListener("click", function() {
    var div = document.querySelector("#aux");

  if(div.style.display === "block") {
        div.style.display = "none";
    } else {
      div.style.display = "block";
  }
});
btn_.addEventListener("click", function() {
  var div = document.querySelector("#aux");

if(div.style.display === "block") {
      div.style.display = "none";
      card.style.display = "block";
  } else {
    div.style.display = "block";
}
});


btn1.addEventListener("click", function() {
  var div = document.querySelector("#aux2");

if(div.style.display === "block") {
      div.style.display = "none";
  } else {
    div.style.display = "block";
}
});

btn1_.addEventListener("click", function() {
var div = document.querySelector("#aux2");

if(div.style.display === "none") {
    div.style.display = "block";
    card.style.display = "none";
} else {
  div.style.display = "none";
}
});


btn2.addEventListener("click", function() {
  var div = document.querySelector("#aux3");

if(div.style.display === "block") {
      div.style.display = "none";
  } else {
    div.style.display = "block";
}
});
btn2_.addEventListener("click", function() {
var div = document.querySelector("#aux3");

if(div.style.display === "none") {
    div.style.display = "block";
    card.style.display = "none";
} else {
  div.style.display = "none";
}
});


btn3.addEventListener("click", function() {
  var div = document.querySelector("#aux4");

if(div.style.display === "block") {
      div.style.display = "none";
  } else {
    div.style.display = "block";
}
});
btn3_.addEventListener("click", function() {
var div = document.querySelector("#aux4");

if(div.style.display === "none") {
    div.style.display = "block";
    card.style.display = "none";
} else {
  div.style.display = "none";
}
});