Два раскрывающихся списка с двумя выпадающими переключателями, разделенными идентификатором или классом

Question

<!-- /#CODIGO NOTIFICACIONES FIXED  ONLY RECUPERA -->
<script>

$(document).ready(function(){
 function load_unseen_notificationfix(viewfix = '')
 {
  $.ajax({
   url:"./notisystem/fetch.php",
   method:"POST",
   data:{viewfix:viewfix},
   dataType:"json",
   success:function(data)
   {
    $('.dropdown-toggle-notifixed').html(data.notificationfix);
    if(data.unseen_notificationfix > 0)
    {
             $('.countfixed').html(data.unseen_notificationfix);
    }
   }
  });
 }

  load_unseen_notificationfix();


 $(document).on('click', '.dropdown-toggle-notifixed', function(){
  $('.countfixed').html('');
  load_unseen_notificationfix('yes');
 });

 setInterval(function(){ 
  load_unseen_notificationfix();; 
 }, 5000);

});

</script> 




<!-- /#CODIGO NOTIFICACIONES PERSON  ONLY RECUPERA -->
<script>
$(document).ready(function(){

 function load_unseen_notification(view = '')
 {

    var notiusersesion = "<?php echo $email_login ?>";


  $.ajax({
   url:"./notisystem/fetchperson.php",
   method:"POST",
   data:{view:view, notiusersesion:notiusersesion},
   dataType:"json",
   success:function(data)
   {
    $('.dropdown-menu').html(data.notification);
    if(data.unseen_notification > 0)
    {
       var audio = new Audio('./notisystem/bing.mp3');
       audio.play();    
     $('.count').html(data.unseen_notification);
    }
   }
  });
 }

  load_unseen_notification();


 $(document).on('click', '.dropdown-toggle', function(){
  $('.count').html('');
  load_unseen_notification('yes');
 });

 setInterval(function(){ 
  load_unseen_notification();; 
 }, 5000);

});
</script> 

<div class="dropdown">
        <a class="btn btn-light dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="badge badge-danger count" style="border-radius:10px;"></span>       
        <span class="far fa-envelope" style="font-size:18px;"></span>
    </a>

    <div class="dropdown-menu" id="person" aria-labelledby="dropdownMenuLink">
</div>
</div>
 <!-- buzon de custom finish -->



<!-- buzon de fixed start -->

<div class="dropdown notifixed">
    <a class="btn btn-light dropdown-toggle dropdown-toggle-notifixed" href="#" role="button" id="dropdownMenufix" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="badge badge-warning countfixed" style="border-radius:10px;"></span>       
    <span class="far fa-envelope notifixed" style="font-size:18px;"></span>
</a>

<div class="dropdown-menu notifixed" id="notifixed" aria-labelledby="dropdownMenufix">

</div>
</div>
<!-- buzon  de fixed end -->

Здравствуйте, мы пытаемся создать 2 небольших почтовых ящика, которые извлекают уведомления, одно из которых работает, поэтому мы просто дублируем код и пытаемся настроить его для создания двух раскрывающихся списков, используя bootstrap класс count и countfixed. исходят из JavaScript, который создает числовые сообщения, поступающие из запроса базы данных, уведомления работают идеально, когда у нас есть только одна, работа извлечения сообщений - это представление, которое не работает для нас, как мы можем разделить эти два элемента ID или класс, и выровнять их по горизонтали? спасибо.