<script>
// set content on click
var j = jQuery.noConflict();
j('.ma__button').click(function(e) {
    e.preventDefault();
    setContent(j(this));
});
// set content on load
j('.ma__button.active').length && setContent(j('.ma__button.active'));
function setContent($el) {
    j('.ma__button').removeClass('active');
    j('.container').hide();
    $el.addClass('active');
    j($el.data('rel')).show();
}
// first set of sub tabs
var k = jQuery.noConflict();
k('.ma__button1').click(function(f) {
    f.preventDefault();
    setContent1(k(this));
});
// set content on load
k('.ma__button1.active').length && setContent1(k('.ma__button1.active'));
function setContent1($el) {
    k('.ma__button1').removeClass('active');
    k('.container1').hide();
    $el.addClass('active');
    k($el.data('rel1')).show();
}
// second set of sub tabs
var m = jQuery.noConflict();
m('.ma__button2').click(function(g) {
    g.preventDefault();
    setContent2(m(this));
});
// set content on load
m('.ma__button2.active').length && setContent2(m('.ma__button2.active'));
function setContent2($el) {
    m('.ma__button2').removeClass('active');
    m('.container2').hide();
    $el.addClass('active');
    m($el.data('rel2')).show();
}
//third set of sub tabs
var n = jQuery.noConflict();
n('.ma__button3').click(function(h) {
    h.preventDefault();
    setContent3(n(this));
});
// set content on load
n('.ma__button3.active').length && setContent3(n('.ma__button3.active'));
function setContent3($el) {
    n('.ma__button3').removeClass('active');
    n('.container3').hide();
    $el.addClass('active');
    n($el.data('rel3')).show();
}
</script>