how to hide elements inside another element and on click that element it show elements inside that elements code example

Example: how to use javascript to hide content and show through link

$(document).ready(function() {
    $('li').click(function () {
        $('.content:visible').hide(); // hides the visible content before 
        $('.content').eq($(this).index()).show(); // shows the corresponding content
    });
    });