Megha bawa1 (Talk | contribs) (Set Template) |
Megha bawa1 (Talk | contribs) |
||
Line 563: | Line 563: | ||
<body> | <body> | ||
<div class="container"> | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-12 col-lg-3"> | ||
+ | <img class="img-fluid medal-toggle" data-target="bronze-collapse" src="https://static.igem.org/mediawiki/2019/c/cf/T--Warwick--2019-medal-bronze.png" alt="Bronze Medal" /> | ||
+ | </div> | ||
− | + | <div class="col-12 col-lg-3"> | |
− | + | <img class="img-fluid medal-toggle" data-target="silver-collapse" src="https://static.igem.org/mediawiki/2019/0/09/T--Warwick--2019-medal-silver.png" alt="Silver Medal" /> | |
+ | </div> | ||
+ | <div class="col-12 col-lg-3"> | ||
+ | <img class="img-fluid medal-toggle" data-target="gold-collapse" src="https://static.igem.org/mediawiki/2019/0/03/T--Warwick--2019-medal-gold.png" alt="Gold Medal" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-12 col-lg-3"> | ||
+ | <img class="img-fluid medal-toggle" data-target="special-collapse" src="https://static.igem.org/mediawiki/2019/b/b8/T--Warwick--2019-medal-special.png" alt="Special Medal" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div id="bronze-collapse" class="collapse"> | ||
+ | <h2>Bronze</h2> | ||
+ | </div> | ||
+ | |||
+ | <div id="silver-collapse" class="collapse"> | ||
+ | <h2>Silver</h2> | ||
+ | </div> | ||
+ | |||
+ | <div id="gold-collapse" class="collapse"> | ||
+ | <h2>Gold</h2> | ||
+ | </div> | ||
+ | |||
+ | <div id="special-collapse" class="collapse"> | ||
+ | <h2>Special</h2> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | var medals = ['bronze', 'silver', 'gold', 'special']; | ||
+ | |||
+ | $('.medal-toggle').click(function() { | ||
+ | // First collapse all of them | ||
+ | for (var i = 0; i < medals.length; i++) { | ||
+ | $('#' + medals[i] + '-collapse').collapse('hide'); | ||
+ | } | ||
+ | |||
+ | // And now open the one we want | ||
+ | var target = $(this).data('target'); | ||
+ | $(target).collapse('show'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
</html> | </html> | ||
{{Template:Warwick/Footer}} | {{Template:Warwick/Footer}} |
Revision as of 23:53, 20 October 2019
Bronze
Silver
Gold
Special
Sponsors