$(document).ready(function(){
    $("[name='tabBox']").addClass("hide");
    $("[name='tabBox']:first").removeClass("hide");
    
    $(".tab-list li").click(function(){
        const rel                                               = $(this).data("rel");
        
        $(".tab-list li").removeClass("on");
        $(this).addClass("on");

        $("[name='tabBox']").addClass("hide");
        $("#"+rel).removeClass("hide");
    });
});