/
sidebar-test.html
78 lines (78 loc) · 3.95 KB
/
sidebar-test.html
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
<html>
<head>
<link rel="stylesheet" type="text/css" href="test-style.css">
<script language="javascript">
function swap(targetId){
if (document.getElementById){
target = document.getElementById(targetId);
if (target.style.display == "none"){
target.style.display = "";
} else{
target.style.display = "none";
}
}
}
</script>
</head>
<body>
<div class = "links">
<ul><li>
<a href="#" onclick="swap('sectionOneLinks');return false;">2016</a>
<ul id="sectionOneLinks" style="display: none;">
<!-- <li><a href="funnyguts.html" target="_top">FUNNY GUTS under construction!</a></li> -->
<li><a href="thegirlsarehome.html" target="_top">THE GIRLS ARE HOME</a></li>
<li><a href="cutetome.html" target="_top">CUTE TO ME</a></li>
<li><a href="makeitrain.html" target="_top">MAKE IT RAIN</a></li>
<li><a href="untangled.html" target="_top">UNTANGLED</a></li>
<li><a href="tastycarb.html" target="_top">TASTY CARB</a></li>
<li><a href="mypresident.html" target="_top">MY PRESIDENT</a></li>
<li><a href="dranimate.html" target="_top">DRANIMATE</a></li>
<li><a href="parforthecourse.html" target="_top">PAR FOR THE COURSE</a></li>
<li><a href="collabture.html" target="_top">COLLABTURE</a></li>
</ul>
</li>
<li>
<a href="#" onclick="swap('sectionTwoLinks');return false;">2015</a>
<ul id="sectionTwoLinks" style="display: none;">
<li><a href="audionce.html" target="_top">AUDIONCE (GRAPHONIC)</a></li>
<li><a href="exoskeleton.html" target="_top">EXOSKELETON</a></li>
<li><a href="recollection.html" target="_top">RECOLLECTION</a></li>
<li><a href="escape.html" target="_top">ESCAPE (INFINITE ROOM GAME)</a></li>
<li><a href="littlered.html" target="_top">LITTLE RED</a></li>
<li><a href="rightfullyaccused.html" target="_top">RIGHTFULLY ACCUSED</a></li>
<li><a href="screenrage.html" target="_top">SCREEN RAGE</a></li>
<li><a href="deconstructuredrawings.html" target="_top">DECONSTRUCTURE</a></li>
<li><a href="figuredrawings.html" target="_top">FIGURE DRAWINGS</a></li>
</ul>
</li>
<li>
<a href="#" onclick="swap('sectionThreeLinks');return false;">2014</a>
<ul id="sectionThreeLinks" style="display: none;">
<li><a href="teaparty.html" target="_top">TEA PARTY</a></li>
<li><a href="selfless.html" target="_top">SELFLESS</a></li>
<li><a href="oilstudies.html" target="_top">OIL STUDIES</a></li>
<li><a href="drawings.html" target="_top">DRAWINGS</a></li>
<li><a href="sketchbook.html" target="_top">SKETCHBOOK</a></li>
<li><a href = "photography.html" target="_top">PHOTOGRAPHY</a></li>
</ul>
</li>
<li>
<a href="#" onclick="swap('sectionFourLinks');return false;">2013</a>
<ul id="sectionFourLinks" style="display: none;">
<li><a href="musiccatch.html" target="_top">MUSIC CATCH</a></li>
</ul>
</li>
<li><a href="https://drive.google.com/a/andrew.cmu.edu/file/d/0B2_7ym3q3txjcUZ3VnFnMm1ZUjA/view?usp=sharing" target="_top">RESUMÉ</a></li>
<li>
<a href="#" onclick="swap('sectionFiveLinks');return false;">SOCIAL MEDIA</a>
<ul id="sectionFiveLinks" style="display: none;">
<li><a href="https://github.com/iciaio" target="_top">GITHUB</a></li>
<li><a href="https://twitter.com/iciaiot" target="_top">TWITTER</a></li>
<li><a href="https://www.facebook.com/alicia.iott" target="_top">FACEBOOK</a></li>
<li><a href="https://www.instagram.com/iciaiot/" target="_top">INSTAGRAM</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>