Добавить псевдоклас по клику

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class="row text-center">
  <a class="btn btn-lg btn-maps" id="btn-maps">Показать На Карте</a>
</div>
<div class="col-xs-12 col-sm-8 col-sm-offset-2 maps" id="maps"></div>

CSS

.btn-maps{
            width: 200px;
            height: 50px;
            background: red;
            margin: 50px 50px;
            position: absolute;
            text-align: center;
            line-height: 50px;
            
            font-size: 16px;
            font-weight: 800;
            cursor: pointer;
        }
        
        #maps{
            width: 150px;
            height: 150px;
            background: #eee;
            position: absolute;
            margin: 0 0 0 300px;
        }
        
        #maps.clikedMap:after{
            content: "hello"
        }

JavaScript

$('#btn-maps').on('click', function(){ 
            if( $(this).hasClass('clicked') ){
                $(this).text('Показать На Карте').removeClass('clicked');
                $('#maps').removeClass('clikedMap');
            }
            else{
                $(this).text('Назад').addClass('clicked');
                $('#maps').addClass('clikedMap');
            }            
        });