PHP dropdown butonda aktif pasif yardım

Merhaba Arkadaşlar
Sayfa yenilenmeden eklediğim sayfaları Aktif Pasif işlemini veritabanında işlemini yapıyor, burada bir sıkıntı yok, Sıkıntı olarak sayfayı yenilemeden görselde iconları Aktif pasif olarak işlemi yapmıyor, ama sayfayı yenilediğimde görsel olarak, iconu yaptığım işleme göre yapıyor, benim yapmak istediğim sayfayı yenilemeden görselde yapmak istediğim işleme göre iconları Aktif veya pasif olarak işlemi yapması, resimdeki işlemi, veritabanına kayıt işlemini yapıyor ama görsel olarak iconlaro aktif veya pasif yapmıyor, yardımınıza ihtiyacım var Arkadaşlar

<div class="dropdown">
                                            <i class="<?=$bilgi->durum=="0"?'mdi mdi-alert-circle text-warning':''?><?=$bilgi->durum=="1"?'mdi mdi-check-circle text-success':''?> font-size-22"></i>
                                            <a href="#" id="durumyazisi-<?=$bilgi->id?>" class="dropdown-toggle card-drop" data-bs-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal font-size-22"></i></a>
                                            <div class="dropdown-menu dropdown-menu-end">

                                                <a class="dropdown-item" href="javascript:void(2);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','0'); $('#durumyazisi-<?=$bilgi->id?>') .text($(this) .text()); $('#durumyazisi-<?=$bilgi->id?>') .attr('class','mdi mdi-help-circle text-warning');"><i class="mdi mdi-help-circle text-warning align-middle font-size-22"></i> Beklemede</a>
                                                
                                                <a class="dropdown-item" href="javascript:void(0);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','1'); $('#durumyazisi-<?=$bilgi->id?>').text($(this).text());$('#durumyazisi-<?=$bilgi->id?>').attr('class','mdi mdi-check-circle text-success');"><i class="mdi mdi-check-circle text-success align-middle font-size-22"></i> Yayında</a>
                                            </div>
                                        </div>

Merhaba kodlarda bir hata yok gibi görünüyor ama onclick içinde jquery kullanımı sıkıntı çıkartmış olabilir zaten bir fonksiyon tanımlamışsınız diğer kodları onclick içinden alıp mevcut fonksiyonunuza aktarıp bir deneyin

Merhaba Hocam nasıl yapmam gerekiyor, yardımcı olabilirmisin hocam
aslında hocam dropdown münü ile bir şeyler denedim, yayında ve beklemede kısmını aktif ve pasif edebiliyorum ama sağındaki okun kısmını bir türlü aktif veya pasif edemedim

Okun kısmı derken tam olarak ne yapmak istiyorsun anlayamadım

Button içerisindeki ok tan bahsetmiştim Hocam
Resimde gördüğün gibi Beklemede buttonu turuncu ama yanındaki kısım ise yeşil kalıyor, aslında hepsi turuncu olması lazım veya yeşil ise hepsi yeşil olması lazım

Kod yapısıda bu hocam

<div class="btn-group">
                                            <button id="durumyazisi-<?=$bilgi->id?>" type="button" class="btn <?=$bilgi->durum=="1"?'btn-success':''?><?=$bilgi->durum=="0"?' btn-warning':''?>"><?=$bilgi->durum=="1"?'Yayında':''?><?=$bilgi->durum=="0"?'  Beklemede':''?></button>
                                            <button id="durumyazisi-<?=$bilgi->id?>" type="button" class="btn <?=$bilgi->durum=="1"?'btn-success':''?><?=$bilgi->durum=="0"?'btn-warning':''?> dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="True"><i class="mdi mdi-chevron-down"></i></button>
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item" href="javascript:void(0);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','1');$('#durumyazisi-<?=$bilgi->id?>').text($(this).text());$('#durumyazisi-<?=$bilgi->id?>').attr('class','btn btn-success');">Yayında</a>
                                                <a class="dropdown-item" href="javascript:void(2);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','0');$('#durumyazisi-<?=$bilgi->id?>').text($(this).text());$('#durumyazisi-<?=$bilgi->id?>').attr('class','btn btn-warning');">Beklemede</a>
                                            </div>
                                        </div>

Bu özellikleri ayarlayan üstteki 2 button kodun ikisine de aynı aynı ID yi vermişsin ID özeldir ikisinde çalışmaz alttaki butona yazı2 şeklinde değişiklik yap alttaki onclicklerede gerekli eklemeyi yap

Merhaba Hocam
örnek verme şansın varmı

<div class="btn-group">
<button id="durumyazisi1-<?=$bilgi->id?>" type="button" class="btn <?=$bilgi->durum=="1"?'btn-success':''?><?=$bilgi->durum=="0"?' btn-warning':''?>"><?=$bilgi->durum=="1"?'Yayında':''?><?=$bilgi->durum=="0"?' Beklemede':''?></button>
<button id="durumyazisi2-<?=$bilgi->id?>" type="button" class="btn <?=$bilgi->durum=="1"?'btn-success':''?><?=$bilgi->durum=="0"?'btn-warning':''?> dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="True"><i class="mdi mdi-chevron-down"></i></button>
<div class="dropdown-menu">
<a class="dropdown-item" href="javascript<b></b>:void(0);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','1');$('#durumyazisi1-<?=$bilgi->id?>').text($(this).text());$('#durumyazisi1-<?=$bilgi->id?>').attr('class','btn btn-success');$('#durumyazisi2-<?=$bilgi->id?>').attr('class','btn btn-success');">Yayında</a>
<a class="dropdown-item" href="javascript<b></b>:void(2);" onclick="tekKaydet('sayfalar','durum','<?=$bilgi->id?>','0');$('#durumyazisi1-<?=$bilgi->id?>').text($(this).text());$('#durumyazisi1-<?=$bilgi->id?>').attr('class','btn btn-warning');$('#durumyazisi2-<?=$bilgi->id?>').attr('class','btn btn-warning');">Beklemede</a>
</div>
</div>