Template:Team:KIT-Kyoto/mobile

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
$(".accordion").addClass('ac_active');
$(".accordion").addClass('ac_active');
}
}
-
$(".ac_active label").click(function(){
 
-
$(".ac").animate({'height':'auto'},'slow','swing');
 
-
        $(".ac_active label::after").css({'margin-top':'-3px','-webkit-transform':'rotate(-45deg)','transform':'rotate(-45deg)'});
 
-
});
 
});
});
</script>
</script>
Line 115: Line 111:
height: 0;
height: 0;
overflow: hidden;
overflow: hidden;
 +
transition: height .2s ease-in-out;
 +
}
 +
.ac_active input:checked + label::after {
 +
margin-top: -3px;
 +
-webkit-transform: rotate(-45deg);
 +
transform: rotate(-45deg);
 +
}
 +
.ac_active input:checked ~ div {
 +
height: auto;
}
}
-
 
}
}
</style>
</style>
</head>
</head>

Revision as of 18:32, 21 September 2014