Как показать div, если вход проверен

Question

Я сделал этот код, чтобы показать div, когда люди выбирают один входной радиоприемник, но он не работает. К сожалению, вход находится внутри страницы .tpl (PrestaShop), и это группа. Так что я сделал это, вызвав значение 23. Если я поставил немного CSS, это работает, но когда я установил «show», div остается скрытым. Что не так?

 $(document).ready(function () {
  $('#group_1 input').each(function () {
      if ($(this).val() == ('23') && $(this).is(':checked')) {
              $('#showtext').show();

      } else {
          $('#showtext').hide();
      }
  });
  });



 {elseif $group.group_type == 'radio'}
    <ul id="group_{$id_attribute_group}">
      {foreach from=$group.attributes key=id_attribute item=group_attribute}
        <li class="input-container float-xs-left">
          <label class="accordion--form__label">
            <input class="input-radio" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}"{if $group_attribute.selected} checked="checked"{/if}>
            <span class="radio-label">{$group_attribute.name}</span>
          </label>
        </li>
      {/foreach}
    </ul>
  {/if}

Answer 1

 $(document).ready(function() {
            $('#group_1 input').each(function() {
                if ($(this).val() == ('23') && $(this).is(':checked')) {
                    $('#showtext').show();
    
                } else {
                    $('#showtext').hide();
                }
            });
        });
    

    

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "group_1" >

        <input class = "input-radio"  type = "radio" data-product-attribute = "data-product-attribute" name = "test" value = "23" checked>
        </div>
        
        <div id = "showtext" >Show text </div>

Вы можете видеть, что код выше работает абсолютно нормально.Вы применили отображение: нет! Важно; чтобы показать текст в вашем CSS-коде.