Скрытый раскрывающийся друг не виден, когда я выбираю опцию из раскрывающегося списка

Я сталкиваюсь с проблемой, когда я выбираю опцию ОЗУ от раскрывающейся, скрытой раскрывающуюся падаю должен быть виден. В основном я добавляю данные в базу данных, когда я выбираю падение процессора RAM, должно быть видно, иначе он должен быть скрыт с другой стороны, когда я выбираю процессор, скрытая распада материнской платы должна быть видна, иначе она должна быть скрыта, я пытался так много способов, но не однократное выпадение видимой либо я выбираю ОЗУ или процессор

 <!-- Category -->
<label for="exampleInputCategory">Category</label>
<div class="form-group">
       <select class="form-control" required name="category" onchange="showDiv(this)">
            <option value="">Select Category</option>
                 <?php
                     $query = "SELECT * FROM category";
                     $run = mysqli_query($conn, $query);
                     while ($row = mysqli_fetch_array($run)) {
                         $CategoryName = $row["name"];
                 ?>
             <option value="<?php echo $CategoryName ?>"><?php echo $CategoryName ?></option>
                  <?php }?>
        </select>
</div>
<!-- processor for ram -->
<!-- <div style="display:none"> -->
<div class="form-group" id="pfr" hidden>
      <label for="exampleInputCategory">Select Processor for Ram</label>
      <select class="form-control" name="porid">
           <option value="">Select Processor</option>
           <?php
                $queryy = "SELECT * FROM products WHERE category='Processor' AND status='Active'";
                $runn = mysqli_query($conn, $queryy);
                 while ($roww = mysqli_fetch_array($runn)) {
                           $ProcessorTitle   = $roww["product_title"];
                           $ProcessorID      = $roww["id"];
                           // var_dump($Processorid);
                           ?>
            <option value="<?php echo $ProcessorID ?>"><?php echo $ProcessorTitle ?></option>
                    <?php }?>
     </select>
</div>
<!-- End Processor for ram -->

<!-- Motherboard for Processor -->
<!-- <div style="display:none"> -->


<div class="form-group" id="mfp" hidden>
                        <label for="exampleInputCategory">Select Motherboard for Processor</label>
                      <select class="form-control" name="mopid">
                        <option value="">Select Motherboard</option>
                        <?php
                            $queryyy = "SELECT * FROM products WHERE category='Motherboard' status='Active'";
                            $runnn = mysqli_query($conn, $queryyy);
                            while ($rowww = mysqli_fetch_array($runnn)) {
                              $MotherboardTitle   = $rowww["product_title"];
                              $MotherboardID      = $rowww["id"];
                              // var_dump($Processorid);
                              ?>
                            <option value="<?php echo $MotherboardID ?>"><?php echo $MotherboardTitle ?></option>
                            <?php }?>
                          </select>
                        </div>
                    <!-- End Motherboard for Processor -->

<script type="text/javascript">
function showDiv(select){
   if(select.value=="Ram"){
    document.getElementById('pfr').style.display = "block";
   }
   elseif(select.value=="Processor") {
    document.getElementById('mfp').style.display = "block";
   }
    else{
    document.getElementById('pfr').style.display = "none";
    document.getElementById('mfp').style.display = "none";
   }
} 
</script>