Two separate categories on one page, separated into jquery tabs

Hi everyone, thanks in advance for your help.

I know how to display a single blog category on a page, but I’m trying to figure out how to modify the template file to show 2 separate blog categories on one page, separated out into tabs. Here is my design. (I’m using the Types plugin for the extra fields in case you’re wondering)

I’ve been trying to google it but the terms I’m using are too generic and are giving me unhelpful results. Can someone either give me some pointers on the proper terminology to google or link to a www.remarpro.com article? I’m learning php so layman terms are appreciated.

Here is the php from my blog directory page if its needed:

<?php
global $wp_query;
global $qode_template_name;
$id = $wp_query->get_queried_object_id();
$qode_template_name = get_page_template_slug($id);
$category = get_post_meta($id, "qode_choose-blog-category", true);
$post_number = get_post_meta($id, "qode_show-posts-per-page", true);
$page_object = get_post( $id );
$content = $page_object->post_content;
$content = apply_filters( 'the_content', $content );
if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
else { $paged = 1; }

$sidebar = get_post_meta($id, "qode_show-sidebar", true); 

if(isset($qode_options_proya['number_of_chars_small_image']) && $qode_options_proya['number_of_chars_small_image'] != "") {
	qode_set_blog_word_count($qode_options_proya['number_of_chars_small_image']);
}

$blog_content_position = "content_above_blog_list";
if(isset($qode_options_proya['blog_content_position'])){
	$blog_content_position = $qode_options_proya['blog_content_position'];
}

$content_style_spacing = "";
if(get_post_meta($id, "qode_margin_after_title", true) != ""){
	if(get_post_meta($id, "qode_margin_after_title_mobile", true) == 'yes'){
		$content_style_spacing = "padding-top:".esc_attr(get_post_meta($id, "qode_margin_after_title", true))."px !important";
	}else{
		$content_style_spacing = "padding-top:".esc_attr(get_post_meta($id, "qode_margin_after_title", true))."px";
	}
}

?>
	<?php if(get_post_meta($id, "qode_page_scroll_amount_for_sticky", true)) { ?>
			<script>
			var page_scroll_amount_for_sticky = <?php echo get_post_meta($id, "qode_page_scroll_amount_for_sticky", true); ?>;
			</script>
		<?php } ?>
			<?php get_template_part( 'title' ); ?>

	<?php
		$revslider = get_post_meta($id, "qode_revolution-slider", true);
		if (!empty($revslider)){ ?>
			<div class="q_slider"><div class="q_slider_inner">
			<?php echo do_shortcode($revslider); ?>
			</div></div>
		<?php
		}
		?>
	<?php
		query_posts('post_type=career-searches&paged='. $paged . '&cat=' . $category .'&posts_per_page=' . $post_number );
		if(isset($qode_options_proya['blog_page_range']) && $qode_options_proya['blog_page_range'] != ""){
			$blog_page_range = $qode_options_proya['blog_page_range'];
		} else{
			$blog_page_range = $wp_query->max_num_pages;
		}
	?>
	<div class="container"<?php if($background_color != "") { echo " style='background-color:". $background_color ."'";} ?>>
        <?php if(isset($qode_options_proya['overlapping_content']) && $qode_options_proya['overlapping_content'] == 'yes') {?>
            <div class="overlapping_content"><div class="overlapping_content_inner">
        <?php } ?>
		<div class="container_inner default_template_holder" <?php qode_inline_style($content_style_spacing); ?>>
				<?php if(($sidebar == "default")||($sidebar == "")) : ?>

					<?php echo $content; ?>

					<?php
						get_template_part('templates/blog', 'structure');
					?>
				<?php elseif($sidebar == "1" || $sidebar == "2"): ?>
					<?php
						if($blog_content_position != "content_above_blog_list"){
							echo $content;
						}
					?>
					<div class="<?php if($sidebar == "1"):?>two_columns_66_33<?php elseif($sidebar == "2") : ?>two_columns_75_25<?php endif; ?> background_color_sidebar grid2 clearfix">
						<div class="column1">
							<div class="column_inner">

								<?php
									if($blog_content_position == "content_above_blog_list"){
										echo $content;
									}
								?>

								<?php
									get_template_part('templates/blog', 'structure');
								?>
							</div>
						</div>
						<div class="column2">
							<?php get_sidebar(); ?>
						</div>
					</div>
				<?php elseif($sidebar == "3" || $sidebar == "4"): ?>
						<?php
							if($blog_content_position != "content_above_blog_list"){
								echo $content;
							}
						?>
						<div class="<?php if($sidebar == "3"):?>two_columns_33_66<?php elseif($sidebar == "4") : ?>two_columns_25_75<?php endif; ?> background_color_sidebar grid2 clearfix">
							<div class="column1">
								<?php get_sidebar(); ?>
							</div>
							<div class="column2">
								<div class="column_inner">

									<?php
										if($blog_content_position == "content_above_blog_list"){
											echo $content;
										}
									?>

									<?php
										get_template_part('templates/blog', 'structure');
									?>
								</div>
							</div>

						</div>
				<?php endif; ?>
	</div>
    <?php if(isset($qode_options_proya['overlapping_content']) && $qode_options_proya['overlapping_content'] == 'yes') {?>
        </div></div>
    <?php } ?>