If Radio Button is Selected Show Div

问题

Regarding to post: If Radio Button is Selected Show Div - 8 Radio Buttons / 8 Divs - Can this be simplified?

and best answer by "Rory McCrossan"

I tried to create html file "test.html" which contains:

  <style type="text/css">
    .content {display: none}
  </style>

  <script type="text/javascript">
  $('.trigger').click(function() {
      $('.content').hide();
      $('.' + $(this).data('rel')).show();
  });
  </script>

  <form id='group'>
      <label>
          <input type="radio" name="group1" class="sim-micro-btn trigger" data-rel="sim-micro-desktop" />
      </label>
      <label>
          <input type="radio" name="group1" class="sim-mini-btn trigger" data-rel="sim-mini-desktop" />
      </label>
      <label>
          <input type="radio" name="group1" class="sim-maxi-btn trigger" data-rel="sim-maxi-desktop" />
      </label>
      <label>
          <input type="radio" name="group1" class="sim-mega-btn trigger" data-rel="sim-mega-desktop" />
      </label>
  </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>
</div>

And I can see radio buttons but when I choose any then notthing happes. Any idea?

来源：https://stackoverflow.com/questions/19894016/if-radio-button-is-selected-show-div