Line 25: | Line 25: | ||
$("#checked_1").click(function(){ | $("#checked_1").click(function(){ | ||
if($(this).is(':checked')){ | if($(this).is(':checked')){ | ||
− | $(". | + | $("bacteria .stem_loop").addClass("svg_checked_hi"); |
}else{ | }else{ | ||
− | $(". | + | $("bacteria .stem_loop").removeClass("svg_checked_hi"); |
} | } | ||
}); | }); | ||
Line 127: | Line 127: | ||
} | } | ||
− | . | + | .svg_checked_hi .hydrogen-bond{ |
opacity:0; | opacity:0; | ||
transition: all 0.3s linear 0s; | transition: all 0.3s linear 0s; | ||
} | } | ||
− | . | + | .svg_checked_hi #ribosome{ |
transform: translateY(0px); | transform: translateY(0px); | ||
opacity:1; | opacity:1; | ||
transition: all 0.5s ease-out 2s; | transition: all 0.5s ease-out 2s; | ||
} | } | ||
− | . | + | .svg_checked_hi #ribosome_text{ |
opacity:1; | opacity:1; | ||
transition: all 0.5s ease-out 2s; | transition: all 0.5s ease-out 2s; | ||
} | } | ||
− | . | + | .svg_checked_hi #text{ |
transform: translateY(-60px); | transform: translateY(-60px); | ||
} | } | ||
− | . | + | .svg_checked_hi #loop{ |
transform: translateY(130px); | transform: translateY(130px); | ||
} | } | ||
− | . | + | .svg_checked_hi #left{ |
stroke-dashoffset:-135; | stroke-dashoffset:-135; | ||
} | } | ||
− | . | + | .svg_checked_hi #right{ |
stroke-dashoffset:-142; | stroke-dashoffset:-142; | ||
} | } | ||
− | . | + | .svg_checked_hi #left_s,#right_s{ |
stroke-dasharray:60,500; | stroke-dasharray:60,500; | ||
} | } | ||
− | . | + | .svg_checked_hi #left_s{ |
stroke-dashoffset:-265; | stroke-dashoffset:-265; | ||
} | } | ||
− | . | + | .svg_checked_hi #right_s{ |
stroke-dashoffset:-82; | stroke-dashoffset:-82; | ||
} | } |
Revision as of 08:08, 26 September 2018