div { position: relative; }
input[type=checkbox] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   min-width:1200px;
   display:block;
   height: 100%;
   opacity: 0;
}
label {
   cursor: pointer;
}
label {
  position: relative;
  display: block;
  padding-left: 30px;
}

input[type=checkbox]:checked ~ h4 label:before {
  border-left: 8px solid transparent;
  border-top: 8px solid black;
  border-right: 8px solid transparent;
  margin-left: -4px;
  margin-top: -4px
}

input[type=checkbox]:checked ~ h4  {
  display:none;
}

p, .homeArchives {
  max-height: 0;
  overflow: hidden;
  padding-left: 0;
  transition: max-height 0.4s ease;
}
input[type=checkbox]:checked ~ h4 ~ .homeArchives {
  max-height: 230px;
}


h4 {
  width: 930px;
  height:3em;
  display: inline-block;
  cursor: pointer;
  font-weight: 400;
  line-height: 3em;
  font-size: 1.2em;
  user-select: none;
 background-color:#f3f3f3;/* */
  color:#6E6E6E;
  text-align:center;  
}