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; }