Line 28: | Line 28: | ||
background-color:#cee1ea; | background-color:#cee1ea; | ||
font-family:'Fresca',sans-serif; | font-family:'Fresca',sans-serif; | ||
− | font-size: | + | font-size:18px; |
} | } | ||
Line 103: | Line 103: | ||
e = document.getElementById("s1"); // e = the gray div | e = document.getElementById("s1"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
Line 113: | Line 113: | ||
e = document.getElementById("s2"); // e = the gray div | e = document.getElementById("s2"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
Line 123: | Line 123: | ||
e = document.getElementById("s3"); // e = the gray div | e = document.getElementById("s3"); // e = the gray div | ||
− | if(e.style.height != ' | + | if(e.style.height != '24px') { |
− | e.style.height = ' | + | e.style.height = '24px'; // height of one line: 20px |
} else { | } else { | ||
e.style.height = maxHeight + 'px'; | e.style.height = maxHeight + 'px'; | ||
Line 158: | Line 158: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s1" class="expandable" style='height: | + | <div id="s1" class="expandable" style='height: 24px;'> |
<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 176: | Line 176: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s2" class="expandable" style='height: | + | <div id="s2" class="expandable" style='height: 24px;'> |
<a href="#!" onclick="toggleHeight2(this, 540); return false" | <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;"> | ||
Line 237: | Line 237: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s3" class="expandable" style='height: | + | <div id="s3" class="expandable" style='height: 24px;'> |
<a href="#!" onclick="toggleHeight3(this, 240); return false" | <a href="#!" onclick="toggleHeight3(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 249: | Line 249: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s" class="expandable" style='height: | + | <div id="s" class="expandable" style='height: 24px;'> |
<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;"> | ||
Line 261: | Line 261: | ||
<div class='panel'> | <div class='panel'> | ||
− | <div id="s" class="expandable" style='height: | + | <div id="s" class="expandable" style='height: 24px;'> |
<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:40, 17 September 2017