Создание контента появляется с использованием радио и проверенного атрибута

Question

У меня есть эта четверка radio кнопки, которые успешно работают с командой jQuery, которая делает определенный div, появляется при выборе!

Тем не менее, я разместил checked Атрибут для проверки определенной опции при загрузке страницы, но я намерен сделать так, чтобы скрытый контент становился видимым вместе с. Содержание становится видимым только при нажатии, а не при проверке!

Проверьте мой HTML ниже:

<form id='group'>
  <input type="radio" name="group1" class="sim-micro-btn trigger" data-rel="sim-micro-desktop" />
  <input type="radio" name="group1" class="sim-mini-btn trigger" data-rel="sim-mini-desktop" checked />
  <input type="radio" name="group1" class="sim-maxi-btn trigger" data-rel="sim-maxi-desktop" />
  <input type="radio" name="group1" class="sim-mega-btn trigger" data-rel="sim-mega-desktop" />
</form>

<div class="billpay-internet-add-ons">
<div class="sim-micro-desktop content">sim-micro</div>
<div class="sim-mini-desktop content">sim-mini</div>
<div class="sim-maxi-desktop content">sim-maxi</div>
<div class="sim-mega-desktop content">sim-mega</div>

И JQuery:

$('.trigger').click(function() {
    $('.content').hide();
    $('.' + $(this).data('rel')).show();
});

Спасибо!
JSFiddle

Answer 1

Вам, вероятно, нужно что-то вроде этого:

$(document).ready(function(){
    $("#group input:checked").trigger("click");
});