Team:ETH Zurich/labblog/buttons
From 2014.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<script> | <script> | ||
- | $(function() { | + | $(function() { |
+ | $("article").show(); | ||
+ | $("button").on("click", function(){ | ||
+ | var filtertag = $(this).attr('class'); | ||
+ | $("article").hide().filter('.' + filtertag).show(); | ||
+ | }); | ||
+ | $("button .all").on("click", function(){ | ||
$("article").show(); | $("article").show(); | ||
- | |||
- | |||
- | |||
- | |||
}); | }); | ||
+ | }); | ||
</script> | </script> | ||
- | <button class = " | + | <button class = "all"> View all </button> <br/> |
<button class = "plasmids quorum beads milli labres"> Lab </button><br/> | <button class = "plasmids quorum beads milli labres"> Lab </button><br/> |
Revision as of 09:56, 26 August 2014