Проблема с работой кнопок на сайте и скриптом

Как сделать так, чтобы при нажатии на кнопку менялось свойство display с block на none? Уже ранее поднимался схожий вопрос, но вылезли проблемы, на которые нет ответа. Прошу помочь

   <div id="simpleform" style="display: block">
        <?php echo do_shortcode( ' [pfg form="2"]' ); ?>.   <!-- Простой фильтр-->
            </div>
  <div id="advancedform" style="display: none">
        <?php echo do_shortcode( ' [pfg form="1"]' ); ?>.   <!-- Расширенный фильтр-->
            </div>

У меня есть две такие формы и две (условно) кнопки

      <div id="ad" class="filter-button" onclick="rer">
            <div class="simple-more-filter more-filter">
                <img src="<?php echo get_template_directory_uri() ?>/includes/img/setting.png" alt="setting">
                <span>Расширенный фильтр</span>
               
            </div> <!-- Кнопка 1 -->
    </div>
         <div id="simple" class="advanced-more-filter simple-more-filter more-filter" style="display: none" onclick="rer">
                    <img src="<?php echo get_template_directory_uri() ?>/includes/img/setting.png" alt="setting">
                    <span>Простой фильтр</span>

А так же вот эта функция

   <script type="text/javascript"> 
        
      function rer(){
  document.getElementById("simpleform").style.display = "none";
};
        
    </script>

Помогите разобраться с тем, что я делаю не так, и как привести все это к нормальному виду.