"Информация" в спойлере

.spoiler >  input + .box > blockquote{
display: none;
}
.spoiler >  input:checked + .box > blockquote {
display: block;
}
.spoiler >  input[type="checkbox"] {
cursor: pointer;
border-color:transparent!important;
border-style:none!important;
background:transparent none!important;
position:relative;z-index:1;
margin:-10px 0 -30px -230px;
 }
.spoiler span.close,
.spoiler span.open{
padding-left:22px;
color: #00f!important;
text-decoration: underline;
}
.spoiler >  input[type="checkbox"]:focus {
outline:none;/* Убираем обводку в ИЕ8 при "фокусе" */
}
.spoiler >  input +  .box > span.close {
display: none;
}
.spoiler >  input:checked +  .box > span.close {
background: url(minus.png) 4px 60% no-repeat;
display: inline;
}
.spoiler >  input:checked  + .box > span.open {
display: none;
}
.spoiler >  input +  .box >  span.open {
background: url(plus.png) 4px  60% no-repeat;
display: inline;
}
.spoiler blockquote,
.spoiler{
    padding:1em;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
}
.spoiler {
    overflow-x:hidden;
    box-shadow: 0px 3px 8px #808080;
    border:#E5E5E5 solid 2px;
    -webkit-box-shadow:0px 3px 8px #808080;
    -khtml-box-shadow:0px 3px 8px #808080;
    -moz-box-shadow:0px 3px 8px #808080;
    -ms-box-shadow:0px 3px 8px #808080;
}
.spoiler blockquote {
   margin-top:12px;
   min-height: 23px;
   border:#CDCDCD 2px dashed;
}

<div class="spoiler">
<!--* Добавлен tabindex="-1" для снятия фокуса при переходе по "tab" -->
<input style="width:360px;height:45px;" type="checkbox" tabindex="-1" >
     <div class="box">
         <span class=close>Скрыть</span><span class=open>Показать</span>
         <blockquote class="Untext">
дайте рабочий код всех арбузерах какие способы использоват ксс? 
мне не нравиться яваскрипт! 
есть сполер без загрузки? типа в твиттере?
         </blockquote>
     </div>

 </div>