Переключение содержимого после того, как переключатель отмечен с помощью 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>