CSS Toggle

/*===========- Making Toggle (pure css) -==========*/

.hook {
    position: fixed;
    z-index: 900;
    height: 0; width: 0; border: 0 solid #FFF;
    top: -9999px;
}
.hook:active {
    left: -9999px;
    visibility: hidden;
}

.gallery-post:active > .hook {
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.hook:hover {
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.hook:hover ~ img {
    width: 80%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 100px;
    border: 5px solid #EEE;

}