Hugging Face's logo

Spaces:
lyunm1206
/
Interactive_Loss_Landscapes
Running

App Files Community
lyunm1206 commited on
Commit
466c9aa
·
1 Parent(s): 02d5b93

toggle

Browse files
Files changed (1) hide show
  1. index.html +18 -12
index.html CHANGED
@@ -21,6 +21,12 @@
21
  width: 100%;
22
  height: 100%;
23
  }
 
 
 
 
 
 
24
  </style>
25
  </head>
26
  <body>
@@ -71,49 +77,49 @@
71
  <input type="radio" id="toggle2" name="toggleOption" value="toggle2" checked>
72
  <label for="toggle2">Kodak 01</label>
73
  <div class="sub-options active" id="toggle2Options">
74
- <input type="radio" id="option2a" name="option1" value="option2a">
75
  <label for="option2a">PSNR 50</label>
76
- <input type="radio" id="option2b" name="option1" value="option2b">
77
  <label for="option2b">PSNR 30</label>
78
  </div>
79
  <input type="radio" id="toggle3" name="toggleOption" value="toggle3" checked>
80
  <label for="toggle3">Kodak 02</label>
81
  <div class="sub-options active" id="toggle3Options">
82
- <input type="radio" id="option3a" name="option1" value="option3a">
83
  <label for="option3a">PSNR 50</label>
84
- <input type="radio" id="option3b" name="option1" value="option3b">
85
  <label for="option3b">PSNR 30</label>
86
  </div>
87
  <input type="radio" id="toggle4" name="toggleOption" value="toggle4" checked>
88
  <label for="toggle4">DIV2K 801</label>
89
  <div class="sub-options active" id="toggle4Options">
90
- <input type="radio" id="option4a" name="option1" value="option4a">
91
  <label for="option4a">PSNR 50</label>
92
- <input type="radio" id="option4b" name="option1" value="option4b">
93
  <label for="option4b">PSNR 30</label>
94
  </div>
95
  <input type="radio" id="toggle5" name="toggleOption" value="toggle5" checked>
96
  <label for="toggle5">DIV2K 802</label>
97
  <div class="sub-options active" id="toggle5Options">
98
- <input type="radio" id="option5a" name="option1" value="option5a">
99
  <label for="option5a">PSNR 50</label>
100
- <input type="radio" id="option5b" name="option1" value="option5b">
101
  <label for="option5b">PSNR 30</label>
102
  </div>
103
  <input type="radio" id="toggle6" name="toggleOption" value="toggle6" checked>
104
  <label for="toggle6">CLIC 01</label>
105
  <div class="sub-options active" id="toggle6Options">
106
- <input type="radio" id="option6a" name="option1" value="option6a">
107
  <label for="option6a">PSNR 50</label>
108
- <input type="radio" id="option6b" name="option1" value="option6b">
109
  <label for="option6b">PSNR 30</label>
110
  </div>
111
  <input type="radio" id="toggle7" name="toggleOption" value="toggle7" checked>
112
  <label for="toggle7">CLIC 02</label>
113
  <div class="sub-options active" id="toggle7Options">
114
- <input type="radio" id="option7a" name="option1" value="option7a">
115
  <label for="option7a">PSNR 50</label>
116
- <input type="radio" id="option7b" name="option1" value="option7b">
117
  <label for="option7b">PSNR 30</label>
118
  </div>
119
  </div>
 
21
  width: 100%;
22
  height: 100%;
23
  }
24
+ .sub-options {
25
+ display: none;
26
+ }
27
+ .sub-options.active {
28
+ display: block;
29
+ }
30
  </style>
31
  </head>
32
  <body>
 
77
  <input type="radio" id="toggle2" name="toggleOption" value="toggle2" checked>
78
  <label for="toggle2">Kodak 01</label>
79
  <div class="sub-options active" id="toggle2Options">
80
+ <input type="radio" id="option2a" name="option2" value="option2a">
81
  <label for="option2a">PSNR 50</label>
82
+ <input type="radio" id="option2b" name="option2" value="option2b">
83
  <label for="option2b">PSNR 30</label>
84
  </div>
85
  <input type="radio" id="toggle3" name="toggleOption" value="toggle3" checked>
86
  <label for="toggle3">Kodak 02</label>
87
  <div class="sub-options active" id="toggle3Options">
88
+ <input type="radio" id="option3a" name="option3" value="option3a">
89
  <label for="option3a">PSNR 50</label>
90
+ <input type="radio" id="option3b" name="option3" value="option3b">
91
  <label for="option3b">PSNR 30</label>
92
  </div>
93
  <input type="radio" id="toggle4" name="toggleOption" value="toggle4" checked>
94
  <label for="toggle4">DIV2K 801</label>
95
  <div class="sub-options active" id="toggle4Options">
96
+ <input type="radio" id="option4a" name="option4" value="option4a">
97
  <label for="option4a">PSNR 50</label>
98
+ <input type="radio" id="option4b" name="option4" value="option4b">
99
  <label for="option4b">PSNR 30</label>
100
  </div>
101
  <input type="radio" id="toggle5" name="toggleOption" value="toggle5" checked>
102
  <label for="toggle5">DIV2K 802</label>
103
  <div class="sub-options active" id="toggle5Options">
104
+ <input type="radio" id="option5a" name="option5" value="option5a">
105
  <label for="option5a">PSNR 50</label>
106
+ <input type="radio" id="option5b" name="option5" value="option5b">
107
  <label for="option5b">PSNR 30</label>
108
  </div>
109
  <input type="radio" id="toggle6" name="toggleOption" value="toggle6" checked>
110
  <label for="toggle6">CLIC 01</label>
111
  <div class="sub-options active" id="toggle6Options">
112
+ <input type="radio" id="option6a" name="option6" value="option6a">
113
  <label for="option6a">PSNR 50</label>
114
+ <input type="radio" id="option6b" name="option6" value="option6b">
115
  <label for="option6b">PSNR 30</label>
116
  </div>
117
  <input type="radio" id="toggle7" name="toggleOption" value="toggle7" checked>
118
  <label for="toggle7">CLIC 02</label>
119
  <div class="sub-options active" id="toggle7Options">
120
+ <input type="radio" id="option7a" name="option7" value="option7a">
121
  <label for="option7a">PSNR 50</label>
122
+ <input type="radio" id="option7b" name="option7" value="option7b">
123
  <label for="option7b">PSNR 30</label>
124
  </div>
125
  </div>