Переключение содержимого после того, как переключатель отмечен с помощью jQuery

Как я могу решить проблему? Я хотел бы переключать содержимое каждой радиокнопки, если она выбрана. Также, как я мог установить выбранную по умолчанию радиокнопку?

$(".option-detail").hide();
$(".option").click(function() {
  $(this).next('div').slideToggle(this.checked);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <ul>
    <li>
      <input type="radio" class="option">Option 1
      <div class="option-detail">Some content here</div>
    </li>
    <li>
      <input type="radio" class="option">Option 2
      <div class="option-detail">Some content here</div>
    </li>
    <li>
      <input type="radio" class="option">Option 3
      <div class="option-detail">Some content here</div>
    </li>
  </ul>
</div>

Ответы на вопрос(1)

Ваш ответ на вопрос