Timerliner.js w Jquery 3
HTML
<link rel="stylesheet" href="https://technotarek.com/timeliner/css/timeliner.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://technotarek.com/timeliner/js/timeliner.min.js"></script>
<div class="switch" id="switchList">
<label>
Off
<input type="checkbox">
<span class="lever"></span> On
</label>
</div>
<section class="section pt-4" id="sectionGrid">
<!-- Grid row -->
<div class="row">
<!--Grid column-->
<div class="col-lg-3 col-md-6 mb-4">
<!--Card-->
<div class="card">
<!-- Card image -->
<div class="view overlay">
<img class="card-img-top center" src="img\95019BC.jpg" alt="Card image cap">
<a href="prodotto.aspx">
<div class="mask rgba-white-slight waves-effect waves-light"></div>
</a>
</div>
<!-- Card content -->
<div class="card-body">
<!-- Title -->
<a href="prodotto.aspx" style="color: #4F4F4F;">
<div class="mask rgba-white-slight"></div>
<h6 class="card-title" style="text-align: left; font-style: normal;"><b>WC a terra 52x36 filomuro scarico universale</b></h6>
</a>
<div style="font-size: 10px; text-align: left; margin-top: -10px; margin-bottom: 5px;">BZD51238D di Geberit</div>
<!-- Feedback -->
<p class="card-text"...
JavaScript
$('.switch').click(function () {
$('.section').html('ca');
});