jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<div class="test-wrap">
<div class="test">
This is a long text and it has to be at least 2 columns long
</div>
</div>

CSS

.test{
    position: absolute;
    padding: 25px 25px 25px 25px;
    top: unset;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: right;
    font-size: 20px;
    color: #272727;
    background-color: #EDECEA;
    font-weight: 700;
    z-index: 10;
    max-width: 80%;
}
.test-wrap{
  height:500px;
  background-color:darkgrey;
}