jQueryでクラスの付け替えを行ったのですが、反応しないです。

下記のコードの通りにaddClassとremoveClassを使って、同じ要素をクリックしたらcssを書き換え、もう一度クリックしたら元に戻すということをやろうとしたのですが、２回目のクリック時反応しないです。
ディベロッパーツールをみると、クラス名も指定したcssも変わっていてるのですが、画面上では何も変わらないです。
理由が全くわかりません！ご教示願います！
コードは省略して、必要そうな部分だけ抜粋して載せさせて頂きます。

html
1  <nav class="r-main-nav" id="modal">
2                    <ul>
3                        <li class="r-overview"><a href="">概要</a></li>
4                        <li><a class="u-line" href="">準備</a></li>
5                        <li><a class="u-line" href="">安全</a></li>
6                        <li><a class="u-line" href="">マネープラン</a></li>
7                    </ul>
8                </nav>
9
10<p class="r-h-logo modal-switch bbb"><span class="r-logo-change"><img src="./img/r-logo.png" alt="logo"></span><i class="fas fa-chevron-down logo-down"></i></p>

css
1.r-main-nav {
2  display: block;
3  position:absolute;
4  top:-100vw;
5  transition:top 0.5s;
6  background-color: #FFFFFF;
7  width: 100vw;
8  height: 100vw;
9}
10.r-h-logo {
11    display: block;
12    position: absolute;
13    top: 20px;
14    left: 25px;
15    display: block;
16    width: 33px;
17    height: auto;
18    z-index:20;
19    display: -webkit-box;
20    display: -ms-flexbox;
21    display: flex;
22}
23.logo-down {
24    display: block;
25    font-size: 10px;
26    margin-top: 20px;
27    margin-left: 5px;
28    display: block;
29    color: #FFFFFF;
30}
31

jQuery
1$('.bbb').click(function () {
2       $('.r-main-nav').css('position','fixed');
3       $('.r-main-nav').css('top','0');
4       $('.r-logo-change').html('<img src="./img/logo.png" alt="logo">');
5       $('.logo-down').css('color','#484848');
6       $('.logo-down').css('transform','rotate(180deg)');
7       $('.logo-down').css('transition','all,0.3s');
8       $('.r-h-logo').addClass('aaa');
9       $('.r-h-logo').removeClass('bbb');
10   });
11
12
13$('.aaa').click(function () {
14       $('.r-main-nav').css('position','absolute');
15       $('.r-main-nav').css('top','-100vw');
16       $('.r-logo-change').html('<img src="./img/r-logo.png" alt="logo">');
17       $('.logo-down').css('color','#FFFFFF');
18       $('.logo-down').css('transform','rotate(-180deg)');
19       $('.logo-down').css('transition','all,0.3s');
20       $(this).addClass('bbb');
21       $(this).removeClass('aaa');
22   });