{html}<style> 
.hidable{display:none;} 
</style> 
<script>{html}

{html}function showhide(section){ 
var ele=document.getElementById(section); 
if(ele.style.display!="block") { 
ele.style.display="block"; 
document.getElementById(section+"show").innerHTML = "Hide this design"; 
} else { 
ele.style.display="none"; 
document.getElementById(section+"show").innerHTML = "Show this design"; 
}}</script> 
{html}

GR2 - Designs

1. Scenario

text

2. Individual design sketches

This section presents the individual designs:

2.1 Claudia

{html}<a href="javascript:showhide('design1');" id="design1show">Show this design</a>{html}

{html}<div id="design1" class="hidable">{html}

a

{html}</div>{html}

2.2 Alejandro

{html}<a href="javascript:showhide('design2');" id="design2show">Show this design</a>{html}

{html}<div id="design2" class="hidable">{html}

a

{html}</div>{html}

2.3 Yixin

{html}<a href="javascript:showhide('design3');" id="design3show">Show this design</a>{html}

{html}<div id="design3" class="hidable">{html}

a

{html}</div>{html}

2.4 Yihua

{html}<a href="javascript:showhide('design4');" id="design4show">Show this design</a>{html}

{html}<div id="design4" class="hidable">{html}

a

{html}</div>{html}

3. Designs and storyboards

3.1 Design 1

{html}<a href="javascript:showhide('design5');" id="design5show">Show this design</a>{html}

{html}<div id="design5" class="hidable">{html}

a

{html}</div>{html}

3.2 Design 2

{html}<a href="javascript:showhide('design6');" id="design6show">Show this design</a>{html}

{html}<div id="design6" class="hidable">{html}

a

{html}</div>{html}

3.3 Design 3

{html}<a href="javascript:showhide('design7');" id="design7show">Show this design</a>{html}

{html}<div id="design7" class="hidable">{html}

a

{html}</div>{html}