Butona Basınca ikon değiştirme

Merhabalar,
Benim bir menüm var ve menüye basınca + ikonunu - ikonu yapmak istiyorum

TIklanınca - yapmak istediğim buton ;

Menü Kodları ;

            <li class="menu-baslik">
                <a type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
                Ekle</span><i class="ri-add-line"></i></a>

                <div class="pos-f-t">
  <div class="collapse" id="navbarToggleExternalContent">
<div class="alt-menu"><a href="film-ekle.php">Film Ekle <i class="ri-add-line"></i></a></div>
<div class="alt-menu"><a href="tur-ekle.php">Film Türü Ekle <i class="ri-add-line"></i></a></div>
<div class="alt-menu"><a href="dil-ekle.php">Film Dili Ekle <i class="ri-add-line"></i></a></div>
<div class="alt-menu"><a href="kategori-ekle.php">Kategori Ekle <i class="ri-add-line"></i></a></div>
</div>
</div>

Yardım ederseniz sevinirim.

Hocam şuanda click olduğunda herhangi bir javascript kodunuz var mi var ise en basitinden araya if else atip addClass removeclass ile prefixi degiştirebilirsiniz

Java bilmiyorum php ise mysql kayıt ettirme ve 5,6 temel koddan fazlasını bilmiyorum javascript kodum bootstraptan geliyor bootstrapın sadece js sini kullanıyorum yardım ederseniz çok sevinirim yaptığım scriptte herşey tamamlandı bi tek bu kısım kaldı

Anladim bilgilerinizi pm atin halledeyim hocam musayitim şuanda

Gecenin 12 sinde yardım ettiğiniz için çok teşekkür ederim +R10