Line 101: | Line 101: | ||
<script> | <script> | ||
function toggleHeight1(e, maxHeight) { | function toggleHeight1(e, maxHeight) { | ||
− | e = document.getElementById(" | + | e = document.getElementById("s1"); // e = the gray div |
if(e.style.height != '20px') { | if(e.style.height != '20px') { | ||
Line 111: | Line 111: | ||
function toggleHeight2(e, maxHeight) { | function toggleHeight2(e, maxHeight) { | ||
− | e = document.getElementById(" | + | e = document.getElementById("s2"); // e = the gray div |
+ | |||
+ | if(e.style.height != '20px') { | ||
+ | e.style.height = '20px'; // height of one line: 20px | ||
+ | } else { | ||
+ | e.style.height = maxHeight + 'px'; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function toggleHeight3(e, maxHeight) { | ||
+ | e = document.getElementById("s3"); // e = the gray div | ||
if(e.style.height != '20px') { | if(e.style.height != '20px') { | ||
Line 148: | Line 158: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id=" | + | <div id="s1" class="expandable" style='height: 20px;'> |
<a href="#!" onclick="toggleHeight1(this, 240); return false" | <a href="#!" onclick="toggleHeight1(this, 240); return false" | ||
style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> | ||
Line 166: | Line 176: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id=" | + | <div id="s2" class="expandable" style='height: 20px;'> |
− | <a href="#!" onclick="toggleHeight2(this, | + | <a href="#!" onclick="toggleHeight2(this, 540); return false" |
style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> | ||
July, 2017 | July, 2017 | ||
Line 227: | Line 237: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id=" | + | <div id="s3" class="expandable" style='height: 20px;'> |
<a href="#!" onclick="toggleHeight(this, 240); return false" | <a href="#!" onclick="toggleHeight(this, 240); return false" | ||
style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> | style="font-family: 'Acme', sans-serif;font-size:28px;color: #479fcc;height: 20px;"> |
Revision as of 03:37, 17 September 2017