Team:Virginia/HumanPractices
From 2014.igem.org
Line 7: | Line 7: | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.aBody{ | .aBody{ | ||
background-color:white; | background-color:white; | ||
Line 81: | Line 66: | ||
h2{ | h2{ | ||
border-bottom:0px; | border-bottom:0px; | ||
+ | } | ||
+ | |||
+ | .tabColorStay{ | ||
+ | background-color:blue; | ||
} | } | ||
Line 90: | Line 79: | ||
} | } | ||
- | . | + | .active{ |
- | + | background-color: red; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 116: | Line 90: | ||
$("#tabLi1").click(function(){ | $("#tabLi1").click(function(){ | ||
- | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active"); |
- | $(this).addClass(" | + | $(this).addClass("active"); |
var vis = $("#tab1").is(":visible"); | var vis = $("#tab1").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
Line 127: | Line 101: | ||
$("#tabLi2").click(function(){ | $("#tabLi2").click(function(){ | ||
- | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active"); |
- | $(this).addClass(" | + | $(this).addClass("active"); |
var vis = $("#tab2").is(":visible"); | var vis = $("#tab2").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
Line 137: | Line 111: | ||
$("#tabLi3").click(function(){ | $("#tabLi3").click(function(){ | ||
- | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active"); |
- | $(this).addClass(" | + | $(this).addClass("active"); |
var vis = $("#tab3").is(":visible"); | var vis = $("#tab3").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
Line 147: | Line 121: | ||
$("#tabLi4").click(function(){ | $("#tabLi4").click(function(){ | ||
- | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active"); |
- | $(this).addClass(" | + | $(this).addClass("active"); |
var vis = $("#tab4").is(":visible"); | var vis = $("#tab4").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
Line 157: | Line 131: | ||
$("#tabLi5").click(function(){ | $("#tabLi5").click(function(){ | ||
- | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active"); |
- | $(this).addClass(" | + | $(this).addClass("active"); |
var vis = $("#tab5").is(":visible"); | var vis = $("#tab5").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
Line 167: | Line 141: | ||
$("#tabLi6").click(function(){ | $("#tabLi6").click(function(){ | ||
- | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active"); |
- | $(this).addClass(" | + | $(this).addClass("active"); |
var vis = $("#tab6").is(":visible"); | var vis = $("#tab6").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
Line 236: | Line 210: | ||
<li class="tabLi" id="tabLi6">Sixth</li> | <li class="tabLi" id="tabLi6">Sixth</li> | ||
</ul> | </ul> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="tabDiv" id="tab1"><h2>First</h2><p>Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.</p></div> | <div class="tabDiv" id="tab1"><h2>First</h2><p>Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.</p></div> |
Revision as of 18:50, 7 July 2014
Human Practices
- First
- Second
- Third
- Fourth
- Fifth
- Sixth
First
Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.
Second
Cum wisi consulatu et, has sanctus persecuti cu, vel quaeque scriptorem at. At sale utamur argumentum ius, cum et numquam forensibus sadipscing. Illum iusto qualisque te vix, commodo scriptorem concludaturque pri no, te exerci luptatum per. Mei sumo nihil definitiones ne. Ut his dignissim scripserit, homero quodsi est in.
Third
Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.
Fourth
Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.
Fifth
Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.
Sixth
Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.