{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}

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

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

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

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

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

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

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

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

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

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

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

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

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

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