Difference between revisions of "Team:CCU Taiwan/Model"

m
m
Line 19: Line 19:
 
</div>
 
</div>
 
<section class="imgbut">
 
<section class="imgbut">
     <section id="but1" onclick="display('ros')"><a href="#ros"><img src="https://static.igem.org/mediawiki/2020/b/b5/T--CCU_Taiwan--Model_1.png"></a></section>
+
     <section id="but1" onclick="display('text')"><a href="#ros"><img src="https://static.igem.org/mediawiki/2020/b/b5/T--CCU_Taiwan--Model_1.png"></a></section>
     <section id="but2" onclick="display('nano')"><a href="#nano"><img src="https://static.igem.org/mediawiki/2020/8/8f/T--CCU_Taiwan--Model_2.jpg"></a></section>
+
     <section id="but2" onclick="display('text')"><a href="#nano"><img src="https://static.igem.org/mediawiki/2020/8/8f/T--CCU_Taiwan--Model_2.jpg"></a></section>
 
</section>
 
</section>
 
<nav class="section-nav">
 
<nav class="section-nav">
Line 36: Line 36:
 
         </li>
 
         </li>
 
         <li>DLVO theory</li>
 
         <li>DLVO theory</li>
         <li onclick="display('nano')><a href="#ove1">Overview</a></li>
+
         <li><a href="#ove1">Overview</a></li>
         <li onclick="display('nano')><a href="#rep">Repulsion between Gold Nanoparticles</a></li>
+
         <li><a href="#rep">Repulsion between Gold Nanoparticles</a></li>
 
     </ul>
 
     </ul>
 
     <svg class="section-nav-marker" width="200" height="200"></svg>
 
     <svg class="section-nav-marker" width="200" height="200"></svg>
Line 44: Line 44:
 
<div class="contents s12 m6 l4" id="text" style="display:none">
 
<div class="contents s12 m6 l4" id="text" style="display:none">
 
     <article>
 
     <article>
         <section id="ros" style="display:none">
+
         <section id="ros">
 
             <section id="ove">
 
             <section id="ove">
 
                 <h2>Overview</h2>
 
                 <h2>Overview</h2>
Line 267: Line 267:
 
         </section>
 
         </section>
 
         <br>
 
         <br>
         <section id="nano" style="display:none">
+
         <section id="nano">
 
             <section id="ove1">
 
             <section id="ove1">
 
                 <h2>Overview</h2>
 
                 <h2>Overview</h2>
Line 420: Line 420:
 
function display(id){   
 
function display(id){   
 
     var item=document.getElementById(id);
 
     var item=document.getElementById(id);
    var item1=document.getElementById("text");
 
 
     if(item.style.display=="none"){   
 
     if(item.style.display=="none"){   
 
         item.style.display="";
 
         item.style.display="";
        item1.style.display="";
 
 
     }else{   
 
     }else{   
 
         item.style.display="none";   
 
         item.style.display="none";   

Revision as of 14:07, 25 October 2020

Model