Difference between revisions of "Team:BostonU"

Line 125: Line 125:
 
position: absolute;
 
position: absolute;
 
width:100%;
 
width:100%;
−
text-align: center;
 
 
font-size: 120%;
 
font-size: 120%;
 
font-family: Arial, sans-serif;
 
font-family: Arial, sans-serif;
 
text-decoration: none !important;
 
text-decoration: none !important;
−
text-transform: uppercase;
 
 
box-shadow: 0px 0px 3px;
 
box-shadow: 0px 0px 3px;
 +
display: none;
 
}
 
}
 
</style>
 
</style>
Line 172: Line 171:
  
 
<div id="myfooter">
 
<div id="myfooter">
−
<div id="myfooterC"><a>OUR PROJECT</a></div>
+
<div id="myfooterC"><a class="div-slide-up-button">OUR PROJECT</a></div>
 
<div id="myfooterL"><a>ABOUT THIS IMAGE</a></div>
 
<div id="myfooterL"><a>ABOUT THIS IMAGE</a></div>
 
<div id="myfooterR"><a href="https://twitter.com/BostonU_iGEM_WL"><img src=https://static.igem.org/mediawiki/2017/2/21/T--BostonU--prettysureweareallowedtouploadthis.svg></img></a>
 
<div id="myfooterR"><a href="https://twitter.com/BostonU_iGEM_WL"><img src=https://static.igem.org/mediawiki/2017/2/21/T--BostonU--prettysureweareallowedtouploadthis.svg></img></a>
Line 181: Line 180:
 
<h3>Our Project</h3>
 
<h3>Our Project</h3>
 
<p>This could be a description of our project with hyperlinks to additional information</p>
 
<p>This could be a description of our project with hyperlinks to additional information</p>
 +
<a class="div-slide-down-button">Slide Down Button</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
<script type="text/javascript">
 
<script type="text/javascript">
−
 
+
$(document).ready(function(){
 +
    $(".div-slide-up-button").click(function(){
 +
        $(".slide-up-div").slideToggle("100");
 +
    });
 +
});
 +
$(document).ready(function(){
 +
    $(".div-slide-down-button").click(function(){
 +
        $(".slide-up-div").slideToggle("1000");
 +
    });
 +
});
 
</script>
 
</script>
 
</body>
 
</body>

Revision as of 02:28, 4 August 2017