jQuery addClass example

Change class name on click in jQuery

HTML

<li class="nav-item"><a  class="nav-link" id="viewDetails">Trainings</a></li><div id="content" hidden>/*body I needed*/</div>

JavaScript

$(document).ready(function(){
            $("#viewDetails").on('click', function(){
                $('#content').show(2000);
            });     
        });