I have 5 checkbox and 5 div. If checkbox is checked div is .show else div is hide. checkboxes has fixed position and scrolling parts are opened divs. I need to add function if checkbox is checked->show div and go to div
$('#first').click(function() {
if ($(this).is(':checked')) {
$("#fifth").show(400);
} else {
$("#fifth").hide(400);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<input id="first" type="checkbox" class="styled" checked>
<label for="checkboxhovuz">
On check you g to 5-th div
</label>
<div class="row" >
<br><br><br><br><br><br>text first<br><br><br>
</div>
<div class="row">
<br><br><br><br><br><br>text second<br><br><br>
</div>
<div class="row">
<br><br><br><br><br><br>text third<br><br><br>
</div>
<div class="row">
<br><br><br><br><br><br>text fourth<br><br><br>
</div>
<div class="row" id="fifth">
<br><br><br><br><br><br>text fifth<br><br><br>
</div>