if ($('.tabs-nav').length) {
        $('.tabs-nav li:first-child').addClass('active');
    }
    if ($('.tabs-content').length) {
        $('.tabs-content li:first-child').addClass('active');
    }

    $('.tabs-nav li').on("click", (function(){
        $('.tabs-nav li').removeClass("active");
        $(this).addClass('active');
        var dataid = $(this).data('id');
        console.log(dataid);
        $('.tabs-content li').removeClass("active");
        $('#' + dataid).addClass('active');
    }))