|
|
(25 intermediate revisions by one other user not shown) |
Line 16: |
Line 16: |
| <!-- nav start --> | | <!-- nav start --> |
| <div class="head"></div> | | <div class="head"></div> |
− | <div class="leftMenuBack">
| + | |
− | </div>
| + | |
| <nav> | | <nav> |
| <ul> | | <ul> |
Line 26: |
Line 25: |
| <div class="dropdown-content"> | | <div class="dropdown-content"> |
| <a href="https://2017.igem.org/Team:CGU_Taiwan/Description">DESCRIPTION</a> | | <a href="https://2017.igem.org/Team:CGU_Taiwan/Description">DESCRIPTION</a> |
− | <a href="https://2017.igem.org/Team:CGU_Taiwan/Result">RESULTS</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Results">RESULTS</a> |
− | <a href="https://2017.igem.org/Team:CGU_Taiwan/Proof">PROOF</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/InterLab">INTERLAB</a> |
− | <a href="#">PART</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Demonstrate">PROOF AND DEMONSTRATION</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Model">MODEL</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Parts">PARTS</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Future">FUTURE WORK</a> |
| </div> | | </div> |
| </li> | | </li> |
Line 34: |
Line 36: |
| <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a> | | <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a> |
| <div class="dropdown-content"> | | <div class="dropdown-content"> |
− | <a href="#">LAB NOTE</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">LAB NOTE</a> |
− | <a href="#">PROTOCOLS</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Protocols">PROTOCOLS</a> |
− | <a href="#">SATEFY</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a> |
| </div> | | </div> |
| </li> | | </li> |
Line 42: |
Line 44: |
| <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Team">TEAM</a> | | <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Team">TEAM</a> |
| <div class="dropdown-content"> | | <div class="dropdown-content"> |
− | <a href="#">ATTRIBUTION</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a> |
| <a href="https://2017.igem.org/Team:CGU_Taiwan/Team">MEMBER</a> | | <a href="https://2017.igem.org/Team:CGU_Taiwan/Team">MEMBER</a> |
− | <a href="#">SPONSOR</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Acknowledgement">ACKNOWLEDGEMENT</a> |
− | <a href="#">COLLBORATION</a> | + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Collaborations">COLLABORATION</a> |
| </div> | | </div> |
| </li> | | </li> |
| | | | | |
− | <li class="dropdown"><a href="">HUMAN PRACTICE</a></li> | + | <li class="dropdown"><a href="">HUMAN PRACTICE</a> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Silver">SILVER HP</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Gold_Integrated">INTERGRATED AND GOLD</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Engagement">PUBLIC ENGAGEMENT</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/TWConference">2017 iGEM TAIWAN CONFERENCE</a> |
| + | </div> |
| + | </li> |
| | | | | |
− | <li><a href="">AWARD</a></li>
| + | <li class="dropdown2"><a href="">AWARD</a> |
− | | + | <div class="dropdown2-content"> |
| + | |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Entrepreneurship">ENTREPRENEURSHIP</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Hardware">HARDWARE</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Measurement">MEASUREMENT</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Model">MODEL</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/InterLab">INTERLAB</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Gold_Integrated">INTERGRATED AND GOLD</a> |
| + | <a href="https://2017.igem.org/Team:CGU_Taiwan/Engagement">PUBLIC ENGAGEMENT</a> |
| + | </div> |
| + | </li> |
| + | <li> </li> |
| </ul> | | </ul> |
| </nav> | | </nav> |
Line 85: |
Line 105: |
| | | |
| <!--background animation start --> | | <!--background animation start --> |
| + | <div class="leftMenuBack"></div> |
| <div class="leftMenu"> | | <div class="leftMenu"> |
| <ul> | | <ul> |
− | <li class="left1"><a href=""></a></li> | + | <li class="left1"><a href="#biolist"></a></li> |
− | <li class="left2"><a href=""></a></li> | + | <li class="left2"><a href="#modellist"></a></li> |
− | <li class="left3"><a href=""></a></li> | + | <li class="left3"><a href="#engineeringlist"></a></li> |
− | <li class="left4"><a href=""></a></li> | + | <li class="left4"><a href="#marketinglist"></a></li> |
| </ul> | | </ul> |
| </div> | | </div> |
Line 97: |
Line 118: |
| | | |
| <!-- notebook start --> | | <!-- notebook start --> |
− | <div class="notebooklist"> | + | <div class="notebook"> |
− | <ul class="week"> | + | <div class="notebooktitle"><h2>NOTEBOOK | LAB NOTE</h2></div> |
− | <li class="select">
| + | <!-- BIO-DEVELOPMENT內容開始 --> |
− | <div>
| + | <div class="biolist"><h2>BIO-DEVELOPMENT</h2></div> |
− | <button id="btngeneral" type="button">General</button>
| + | <div class="biocontent"> |
− | <button id="btnmarketing" type="button">Marketing</button>
| + | <div class="biobutton"> |
− | <button id="btnbiology" type="button">Biology Science</button>
| + | <button id="ConstructionPlasmids" type="button" style="width:140px;height:45px;font-size:13px;background-color:#205e87;color:white;border-radius: 10px;vertical-align:middle;">Construction of Plasmids</button> |
− | <button id="btninformation" type="button">Information Science</button>
| + | <button id="Yeast" type="button" style="width:140px;height:45px;font-size:13px;background-color:#205e87;color:white;border-radius:10px;vertical-align:middle;">Yeast</button> |
− | <button id="btnengineering" type="button">Engineering Science</button>
| + | </div> |
− | </div>
| + | <div class="biopdf1" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;"> |
− | </li>
| + | <object data="https://static.igem.org/mediawiki/2017/e/e4/Cguconstructionnotebook.pdf" type="application/pdf" width="100%" height="900px"> |
− | <li class="week1">
| + | <p>It appears you don't have a PDF plugin for this browser. |
− | <div>Week 1 (Feb 19~Feb 25)</div>
| + | No biggie... you can <a href="https://static.igem.org/mediawiki/2017/e/e4/Cguconstructionnotebook.pdf">click here to |
− | <br>
| + | download the PDF file.</a></p> |
− | <div><b>General note 1 :<button id="btn1" type="button">Collapse</button>
| + | </object> |
− | <button id="btn2" type="button">Expand</button></b>
| + | </div> |
− | <p class="generalcontent" style="display: block;"> text text text text text text text</p>
| + | <div class="biopdf2" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;"> |
− | </div>
| + | <object data="https://static.igem.org/mediawiki/2017/c/c7/Yeastnotebook.pdf" type="application/pdf" width="100%" height="900px"> |
− | <!-- week1 General內容結束 -->
| + | <p>It appears you don't have a PDF plugin for this browser. |
− | <div><b>Marketing note 1 :<button id="btn3" type="button">Collapse</button>
| + | No biggie... you can <a href="https://static.igem.org/mediawiki/2017/c/c7/Yeastnotebook.pdf">click here to |
− | <button id="btn4" type="button">Expand</button></b>
| + | download the PDF file.</a></p> |
− | <p class="marketingcontent" style="display: block;">text text text text text text text</p>
| + | </object> |
− | </div>
| + | </div> |
− | <!-- week1 Marketing內容結束 -->
| + | </div> |
− | <div><b>Biology Science note 1 :<button id="btn5" type="button">Collapse</button>
| + | <!-- BIO-DEVELOPMENT內容結束 --> |
− | <button id="btn6" type="button">Expand</button></b>
| + | |
− | <p class="biologycontent" style="display: block;"> text text text text text text text</p>
| + | <!-- MODELING內容開始 --> |
− | </div>
| + | <div class="modellist"><h2>MODELING</h2></div> |
− | <!-- week1 Biology Science內容結束 -->
| + | <div class="modelcontent"> |
− | <div><b>Information Science note 1 :<button id="btn7" type="button">Collapse</button>
| + | <div class="modelpdf" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;"> |
− | <button id="btn8" type="button">Expand</button></b>
| + | <object data="https://static.igem.org/mediawiki/2017/5/58/Cguinformationnotebook.pdf" type="application/pdf" width="100%" height="900px"> |
− | <p class="informationcontent" style="display: block;"> text text text text text text text</p>
| + | <p>It appears you don't have a PDF plugin for this browser. |
− | </div>
| + | No biggie... you can <a href="https://static.igem.org/mediawiki/2017/5/58/Cguinformationnotebook.pdf">click here to |
− | <!-- week1 Information Science內容結束 -->
| + | download the PDF file.</a></p> |
− | <div><b>Engineering Science note 1 :<button id="btn9" type="button">Collapse</button>
| + | </object> |
− | <button id="btn10" type="button">Expand</button></b>
| + | </div> |
− | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
| + | </div> |
− | </div>
| + | <!-- MODELING內容結束 --> |
− | <!-- week1 Engineering Science內容結束 -->
| + | |
− | <div><button id="btn11" type="button">Collapse</button>
| + | <!-- Engineering內容開始 --> |
− | <button id="btn12" type="button">Expand</button></div>
| + | <div class="engineeringlist"><h2>ENGINEERING</h2></div> |
− | </li>
| + | <div class="engineeringcontent"> |
− | <!-- week1所有內容結束 -->
| + | <div class="engineeringpdf" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;"> |
− | <br>
| + | <object data="https://static.igem.org/mediawiki/2017/a/a0/Cguenineeringnotebook.pdf" type="application/pdf" width="100%" height="900px"> |
− | <li class="week2">
| + | <p>It appears you don't have a PDF plugin for this browser. |
− | <div>Week 2 (Feb 26~Mar 4)</div>
| + | No biggie... you can <a href="https://static.igem.org/mediawiki/2017/a/a0/Cguenineeringnotebook.pdf">click here to |
− | <br>
| + | download the PDF file.</a></p> |
− | <div><b>General note 2 :<button id="btn13" type="button">Collapse</button>
| + | </object> |
− | <button id="btn14" type="button">Expand</button></b>
| + | </div> |
− | <p class="generalcontent" style="display: block;"> text text text text text text text</p>
| + | </div> |
− | </div>
| + | <!-- Engineering內容結束 --> |
− | <!-- week2 General內容結束 -->
| + | |
− | <div><b>Marketing note 2 :<button id="btn15" type="button">Collapse</button>
| + | |
− | <button id="btn16" type="button">Expand</button></b>
| + | |
− | <p class="marketingcontent" style="display: block;">text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week2 Marketing內容結束 -->
| + | |
− | <div><b>Biology Science note 2 :<button id="btn17" type="button">Collapse</button>
| + | |
− | <button id="btn18" type="button">Expand</button></b>
| + | |
− | <p class="biologycontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week2 Biology Science內容結束 -->
| + | |
− | <div><b>Information Science note 2 :<button id="btn19" type="button">Collapse</button>
| + | |
− | <button id="btn20" type="button">Expand</button></b>
| + | |
− | <p class="informationcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week2 Information Science內容結束 -->
| + | |
− | <div><b>Engineering Science note 2 :<button id="btn21" type="button">Collapse</button>
| + | |
− | <button id="btn22" type="button">Expand</button></b>
| + | |
− | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week2 Engineering Science內容結束 -->
| + | |
− | <div><button id="btn23" type="button">Collapse</button>
| + | |
− | <button id="btn24" type="button">Expand</button></div>
| + | |
− | </li>
| + | |
− | <!-- week2所有內容結束 -->
| + | |
− | <br>
| + | |
− | <li class="week3">
| + | |
− | <div>Week 3 (Mar 5~Mar 11)</div>
| + | |
− | <br>
| + | |
− | <div><b>General note 3 :<button id="btn25" type="button">Collapse</button>
| + | |
− | <button id="btn26" type="button">Expand</button></b>
| + | |
− | <p class="generalcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week3 General內容結束 -->
| + | |
− | <div><b>Marketing note 3 :<button id="btn27" type="button">Collapse</button>
| + | |
− | <button id="btn28" type="button">Expand</button></b>
| + | |
− | <p class="marketingcontent" style="display: block;">text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week3 Marketing內容結束 -->
| + | |
− | <div><b>Biology Science note 3 :<button id="btn29" type="button">Collapse</button>
| + | |
− | <button id="btn30" type="button">Expand</button></b>
| + | |
− | <p class="biologycontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week3 Biology Science內容結束 -->
| + | |
− | <div><b>Information Science note 3 :<button id="btn31" type="button">Collapse</button>
| + | |
− | <button id="btn32" type="button">Expand</button></b>
| + | |
− | <p class="informationcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week3 Information Science內容結束 -->
| + | |
− | <div><b>Engineering Science note 3 :<button id="btn33" type="button">Collapse</button>
| + | |
− | <button id="btn34" type="button">Expand</button></b>
| + | |
− | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week3 Engineering Science內容結束 -->
| + | |
− | <div><button id="btn35" type="button">Collapse</button>
| + | |
− | <button id="btn36" type="button">Expand</button></div>
| + | |
− | </li>
| + | |
− | <!-- week3所有內容結束 -->
| + | |
− | <br>
| + | |
− | <li class="week4">
| + | |
− | <div>Week 4 (Mar 12~Mar 18)</div>
| + | |
− | <br>
| + | |
− | <div><b>General note 4 :<button id="btn37" type="button">Collapse</button>
| + | |
− | <button id="btn38" type="button">Expand</button></b>
| + | |
− | <p class="generalcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week4 General內容結束 -->
| + | |
− | <div><b>Marketing note 4 :<button id="btn39" type="button">Collapse</button>
| + | |
− | <button id="btn40" type="button">Expand</button></b>
| + | |
− | <p class="marketingcontent" style="display: block;">text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week4 Marketing內容結束 -->
| + | |
− | <div><b>Biology Science note 4 :<button id="btn41" type="button">Collapse</button>
| + | |
− | <button id="btn42" type="button">Expand</button></b>
| + | |
− | <p class="biologycontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week4 Biology Science內容結束 -->
| + | |
− | <div><b>Information Science note 4 :<button id="btn43" type="button">Collapse</button>
| + | |
− | <button id="btn44" type="button">Expand</button></b>
| + | |
− | <p class="informationcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week4 Information Science內容結束 -->
| + | |
− | <div><b>Engineering Science note 4 :<button id="btn45" type="button">Collapse</button>
| + | |
− | <button id="btn46" type="button">Expand</button></b>
| + | |
− | <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
| + | |
− | </div>
| + | |
− | <!-- week4 Engineering Science內容結束 -->
| + | |
− | <div><button id="btn47" type="button">Collapse</button>
| + | |
− | <button id="btn48" type="button">Expand</button></div>
| + | |
− | </li>
| + | |
− | <!-- week4所有內容結束 -->
| + | |
− |
| + | |
− | </ul>
| + | |
| </div> | | </div> |
| + | <!-- notebook end --> |
| + | <!-- javascript code start --> |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| var temp=0; | | var temp=0; |
| $(document).ready(function(){ | | $(document).ready(function(){ |
− | $("p").toggle("100"); | + | $(".biopdf1").toggle("100"); |
− | $("b").toggle("100"); | + | $(".biopdf2").toggle("100"); |
− | /////////////////////////////////////////////////////////////////////// | + | ///////////////////////////////bio click//////////////////////////////////////// |
− | $("#btngeneral").click(function(){ | + | $("#ConstructionPlasmids").click(function(){ |
| if(temp==1) | | if(temp==1) |
| { | | { |
− | $("div ul li.week1 p.generalcontent").hide("100"); | + | $(".biopdf1").hide("100"); |
− | $("div ul li.week2 p.generalcontent").hide("100");
| + | |
− | $("div ul li.week3 p.generalcontent").hide("100");
| + | |
− | $("div ul li.week4 p.generalcontent").hide("100");
| + | |
| temp = 0; | | temp = 0; |
| } | | } |
| else | | else |
| { | | { |
− | $("div ul li.week1 p.generalcontent").fadeIn("100"); | + | $(".biopdf1").fadeIn("100"); |
− | $("div ul li.week2 p.generalcontent").fadeIn("100");
| + | |
− | $("div ul li.week3 p.generalcontent").fadeIn("100");
| + | |
− | $("div ul li.week4 p.generalcontent").fadeIn("100");
| + | |
| temp = 1; | | temp = 1; |
| } | | } |
− | });
| |
− | $("#btnmarketing").click(function(){
| |
− | if(temp==1)
| |
− | {
| |
− | $("div ul li.week1 p.marketingcontent").hide("100");
| |
− | $("div ul li.week2 p.marketingcontent").hide("100");
| |
− | $("div ul li.week3 p.marketingcontent").hide("100");
| |
− | $("div ul li.week4 p.marketingcontent").hide("100");
| |
− | temp = 0;
| |
− | }
| |
− | else
| |
− | {
| |
− | $("div ul li.week1 p.marketingcontent").fadeIn("100");
| |
− | $("div ul li.week2 p.marketingcontent").fadeIn("100");
| |
− | $("div ul li.week3 p.marketingcontent").fadeIn("100");
| |
− | $("div ul li.week4 p.marketingcontent").fadeIn("100");
| |
− | temp = 1;
| |
− | }
| |
− | });
| |
− |
| |
− | $("#btnbiology").click(function(){
| |
− | if(temp==1)
| |
− | {
| |
− | $("div ul li.week1 p.biologycontent").hide("100");
| |
− | $("div ul li.week2 p.biologycontent").hide("100");
| |
− | $("div ul li.week3 p.biologycontent").hide("100");
| |
− | $("div ul li.week4 p.biologycontent").hide("100");
| |
− | temp = 0;
| |
− | }
| |
− | else
| |
− | {
| |
− | $("div ul li.week1 p.biologycontent").fadeIn("100");
| |
− | $("div ul li.week2 p.biologycontent").fadeIn("100");
| |
− | $("div ul li.week3 p.biologycontent").fadeIn("100");
| |
− | $("div ul li.week4 p.biologycontent").fadeIn("100");
| |
− | temp = 1;
| |
− | }
| |
| }); | | }); |
| | | |
− | $("#btninformation").click(function(){
| + | $("#Yeast").click(function(){ |
− | if(temp==1)
| + | if(temp==1) |
− | {
| + | { |
− | $("div ul li.week1 p.informationcontent").hide("100");
| + | $(".biopdf2").hide("100"); |
− | $("div ul li.week2 p.informationcontent").hide("100");
| + | temp = 0; |
− | $("div ul li.week3 p.informationcontent").hide("100");
| + | } |
− | $("div ul li.week4 p.informationcontent").hide("100");
| + | else |
− | temp = 0;
| + | { |
− | }
| + | $(".biopdf2").fadeIn("100"); |
− | else
| + | temp = 1; |
− | {
| + | } |
− | $("div ul li.week1 p.informationcontent").fadeIn("100");
| + | |
− | $("div ul li.week2 p.informationcontent").fadeIn("100");
| + | |
− | $("div ul li.week3 p.informationcontent").fadeIn("100");
| + | |
− | $("div ul li.week4 p.informationcontent").fadeIn("100");
| + | |
− | temp = 1;
| + | |
− | }
| + | |
| }); | | }); |
| | | |
− | $("#btnengineering").click(function(){
| |
− | if(temp==1)
| |
− | {
| |
− | $("div ul li.week1 p.engineeringcontent").hide("100");
| |
− | $("div ul li.week2 p.engineeringcontent").hide("100");
| |
− | $("div ul li.week3 p.engineeringcontent").hide("100");
| |
− | $("div ul li.week4 p.engineeringcontent").hide("100");
| |
− | temp = 0;
| |
− | }
| |
− | else
| |
− | {
| |
− | $("div ul li.week1 p.engineeringcontent").fadeIn("100");
| |
− | $("div ul li.week2 p.engineeringcontent").fadeIn("100");
| |
− | $("div ul li.week3 p.engineeringcontent").fadeIn("100");
| |
− | $("div ul li.week4 p.engineeringcontent").fadeIn("100");
| |
− | temp = 1;
| |
− | }
| |
− | });
| |
− |
| |
− | /////////////////week btn//////////////////////////////////////////////
| |
− |
| |
− |
| |
− | $("#btn1").click(function(){
| |
− | if(temp==1){
| |
− | $("div ul li.week1 p.generalcontent").hide("100");
| |
− | temp = 0;
| |
− | $("btn1").text("Expand");
| |
− | }
| |
− | else{
| |
− |
| |
− | $("div ul li.week1 p.generalcontent").fadeIn("100");
| |
− | temp = 1;
| |
− | $("btn1").text("Collapse");
| |
− | }
| |
− | });
| |
− | /*
| |
− | $("#btn1").click(function(){
| |
− | $("div ul li.week1 p.generalcontent").hide("100");
| |
− | });
| |
− | $("#btn2").click(function(){
| |
− | $("div ul li.week1 p.generalcontent").fadeIn("100");
| |
− | });
| |
− | */
| |
− |
| |
− | $("#btn3").click(function(){
| |
− | $("div ul li.week1 p.marketingcontent").hide("100");
| |
− | });
| |
− | $("#btn4").click(function(){
| |
− | $("div ul li.week1 p.marketingcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn5").click(function(){
| |
− | $("div ul li.week1 p.biologycontent").hide("100");
| |
− | });
| |
− | $("#btn6").click(function(){
| |
− | $("div ul li.week1 p.biologycontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn7").click(function(){
| |
− | $("div ul li.week1 p.informationcontent").hide("100");
| |
− | });
| |
− | $("#btn8").click(function(){
| |
− | $("div ul li.week1 p.informationcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn9").click(function(){
| |
− | $("div ul li.week1 p.engineeringcontent").hide("100");
| |
− | });
| |
− | $("#btn10").click(function(){
| |
− | $("div ul li.week1 p.engineeringcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn11").click(function(){
| |
− | $("div ul li.week1 b").hide("100");
| |
− | $("div ul li.week1 p.generalcontent").hide("100");
| |
− | $("div ul li.week1 p.marketingcontent").hide("100");
| |
− | $("div ul li.week1 p.biologycontent").hide("100");
| |
− | $("div ul li.week1 p.informationcontent").hide("100");
| |
− | $("div ul li.week1 p.engineeringcontent").hide("100");
| |
− | });
| |
− | $("#btn12").click(function(){
| |
− | $("div ul li.week1 b").fadeIn("100");
| |
− | });
| |
− | ////////////////////////////////////////////////////////////////////////
| |
− | $("#btn13").click(function(){
| |
− | $("div ul li.week2 p.generalcontent").hide("100");
| |
− | });
| |
− | $("#btn14").click(function(){
| |
− | $("div ul li.week2 p.generalcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn15").click(function(){
| |
− | $("div ul li.week2 p.marketingcontent").hide("100");
| |
− | });
| |
− | $("#btn16").click(function(){
| |
− | $("div ul li.week2 p.marketingcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn17").click(function(){
| |
− | $("div ul li.week2 p.biologycontent").hide("100");
| |
− | });
| |
− | $("#btn18").click(function(){
| |
− | $("div ul li.week2 p.biologycontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn19").click(function(){
| |
− | $("div ul li.week2 p.informationcontent").hide("100");
| |
− | });
| |
− | $("#btn20").click(function(){
| |
− | $("div ul li.week2 p.informationcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn21").click(function(){
| |
− | $("div ul li.week2 p.engineeringcontent").hide("100");
| |
− | });
| |
− | $("#btn22").click(function(){
| |
− | $("div ul li.week2 p.engineeringcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn23").click(function(){
| |
− | $("div ul li.week2 b").hide("100");
| |
− | $("div ul li.week2 p.generalcontent").hide("100");
| |
− | $("div ul li.week2 p.marketingcontent").hide("100");
| |
− | $("div ul li.week2 p.biologycontent").hide("100");
| |
− | $("div ul li.week2 p.informationcontent").hide("100");
| |
− | $("div ul li.week2 p.engineeringcontent").hide("100");
| |
− | });
| |
− | $("#btn24").click(function(){
| |
− | $("div ul li.week2 b").fadeIn("100");
| |
− | });
| |
| /////////////////////////////////////////////////////////////////////// | | /////////////////////////////////////////////////////////////////////// |
− | $("#btn25").click(function(){
| |
− | $("div ul li.week3 p.generalcontent").hide("100");
| |
− | });
| |
− | $("#btn26").click(function(){
| |
− | $("div ul li.week3 p.generalcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn27").click(function(){
| |
− | $("div ul li.week3 p.marketingcontent").hide("100");
| |
− | });
| |
− | $("#btn28").click(function(){
| |
− | $("div ul li.week3 p.marketingcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn29").click(function(){
| |
− | $("div ul li.week3 p.biologycontent").hide("100");
| |
− | });
| |
− | $("#btn30").click(function(){
| |
− | $("div ul li.week3 p.biologycontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn31").click(function(){
| |
− | $("div ul li.week3 p.informationcontent").hide("100");
| |
− | });
| |
− | $("#btn32").click(function(){
| |
− | $("div ul li.week3 p.informationcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn33").click(function(){
| |
− | $("div ul li.week3 p.engineeringcontent").hide("100");
| |
− | });
| |
− | $("#btn34").click(function(){
| |
− | $("div ul li.week3 p.engineeringcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn35").click(function(){
| |
− | $("div ul li.week3 b").hide("100");
| |
− | $("div ul li.week3 p.generalcontent").hide("100");
| |
− | $("div ul li.week3 p.marketingcontent").hide("100");
| |
− | $("div ul li.week3 p.biologycontent").hide("100");
| |
− | $("div ul li.week3 p.informationcontent").hide("100");
| |
− | $("div ul li.week3 p.engineeringcontent").hide("100");
| |
− | });
| |
− | $("#btn36").click(function(){
| |
− | $("div ul li.week3 b").fadeIn("100");
| |
− | });
| |
− | ///////////////////////////////////////////////////////////////////////
| |
− | $("#btn37").click(function(){
| |
− | $("div ul li.week4 p.generalcontent").hide("100");
| |
− | });
| |
− | $("#btn38").click(function(){
| |
− | $("div ul li.week4 p.generalcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn39").click(function(){
| |
− | $("div ul li.week4 p.marketingcontent").hide("100");
| |
− | });
| |
− | $("#btn40").click(function(){
| |
− | $("div ul li.week4 p.marketingcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn41").click(function(){
| |
− | $("div ul li.week4 p.biologycontent").hide("100");
| |
− | });
| |
− | $("#btn42").click(function(){
| |
− | $("div ul li.week4 p.biologycontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn43").click(function(){
| |
− | $("div ul li.week4 p.informationcontent").hide("100");
| |
− | });
| |
− | $("#btn44").click(function(){
| |
− | $("div ul li.week4 p.informationcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn45").click(function(){
| |
− | $("div ul li.week4 p.engineeringcontent").hide("100");
| |
− | });
| |
− | $("#btn46").click(function(){
| |
− | $("div ul li.week4 p.engineeringcontent").fadeIn("100");
| |
− | });
| |
− |
| |
− | $("#btn47").click(function(){
| |
− | $("div ul li.week4 b").hide("100");
| |
− | });
| |
− | $("#btn48").click(function(){
| |
− | $("div ul li.week4 b").fadeIn("100");
| |
− | });
| |
| }); | | }); |
| </script> | | </script> |
− | <!-- notebook end --> | + | <!-- javascript code end --> |
| | | |
| <!-- footer start --> | | <!-- footer start --> |
− | <footer align="right"> | + | <footer align="center"> |
| <ul> | | <ul> |
− | <li><a href="http://www.cgu.edu.tw"><img src="https://static.igem.org/mediawiki/2017/1/13/Cgucopyright0915.png" width="40%"></a></li> | + | <li><a href="http://www.cgu.edu.tw"><img src="https://static.igem.org/mediawiki/2017/d/d6/Cguwikifooter.png" width="100%"></a></li> |
| </ul> | | </ul> |
| </footer> | | </footer> |