FAQ YOTPO PRUEBA ROMI
FAQ accordion
+
This is the answer of the question.. keep it short.
+
short!
+
This is the answer!
body {
font-family: Sans-serif;
font-size: 18px;
background:#eaeaea;
}
.content {
width: 80%;
padding: 0;
margin: 0 auto;
}
.center {
margin: 0 auto;
max-width: 270px;
font-size: 40px;
}
.question {
position: relative;
background: #f9f9f9;
margin: 0;
padding: 10px 10px 10px 50px;
display: block;
width:100%;
cursor: pointer;
}
.answers {
padding: 0px 15px;
margin: 5px 0;
width:100%!important;
height: 0;
overflow: hidden;
z-index: -1;
position: relative;
opacity: 0;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
}
.questions:checked ~ .answers{
height: auto;
opacity: 1;
padding: 15px;
}
.plus {
position: absolute;
margin-left: 10px;
z-index: 5;
font-size: 2em;
line-height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
}
.questions:checked ~ .plus {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.questions {
display: none;
}