Team:ETH Zurich/project/overview

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
     $("text").on("click", function(){
     $("text").on("click", function(){
 +
      var ID = $(this).attr("name");
 +
      $(this).text(function(i, text){
 +
          return text === "Complexify" ? "Simplify" : "Complexify";
 +
      })
 +
        $("article."+ID+".complex").toggle();
 +
        $("article."+ID+".simple").toggle();
 +
    });
 +
 +
    $("rect").on("click", function(){
       var ID = $(this).attr("name");
       var ID = $(this).attr("name");
       $(this).text(function(i, text){
       $(this).text(function(i, text){
Line 37: Line 46:
<a href="#summary" id="bupdates">
<a href="#summary" id="bupdates">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="50%" y="0px" width="200" height="200" viewBox="200 0 1000 1000" enable-background="new 200 0 1000 1000" xml:space="preserve">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="50%" y="0px" width="200" height="200" viewBox="200 0 1000 1000" enable-background="new 200 0 1000 1000" xml:space="preserve">
-
<rect style="cursor: pointer" x="450" width="500" height="500"/>
+
<rect name="summary" style="cursor: pointer" x="450" width="500" height="500"/>
-
<text name="summary" class="all" x="480" y="280" style="cursor: pointer" fill="#FFFFFF" font-size="100">  Simplify  </text>
+
<text name="summary" x="480" y="280" style="cursor: pointer" fill="#FFFFFF" font-size="100">  Simplify  </text>
</svg>
</svg>
</a>
</a>

Revision as of 16:23, 2 September 2014

iGEM ETH Zurich 2014