MTS Simple Booking-CのカレンダーをjQueryのUIタブを使用してそれぞれのtab内でカレンダーを次の月にリンクさせられません。

Question

前提・実現したいこと

WordpressのプラグインMTS Simple Booking-Cを使用した一つの予約フォームを2つのコース別々に予約できるよう
jQueryのUIタブを使用して1つのページ内にA(tabs-1)とB(tabs-2)それぞれの予約カレンダー・フォームを作成し、
タブをクリックすることで切り替わるような予約フォームを作成したいです。

選択することできちんと切り替わってくれるのですが、B(tabs-2)のカレンダー内にある[次の月へ]をクリックするとA(tabs-1)の次の月に移動してしまいます。

それぞれのtab内でカレンダーを次の月にリンクさせるにはどうしたらいいでしょうか？

ページ内のHTML

<div id="yoyakutabs">
	<ul>
		<li><a href="#tabs-1">A</a></li>
		<li><a href="#tabs-2">B</li>
	</ul>
    
	<div id="tabs-1" class="panel">
			<?php echo do_shortcode('[monthly_calendar id="ax"]'); ?>　/* 予約カレンダー呼び出し */
			<?php echo do_shortcode('[monthly_calendar id="axx"]'); ?>　/* 予約フォーム呼び出し */
</div>
	<div id="tabs-2" class="panel">
			<?php echo do_shortcode('[monthly_calendar id="bx"]'); ?>　/* 予約カレンダー呼び出し */
			<?php echo do_shortcode('[monthly_calendar id="bxx"]'); ?>　/* 予約フォーム呼び出し */

</div>
</div>

タブの切り替えjQuery

$("#yoyakutabs").tabs({
	 hide: {
         effect: "fadeOut",
         duration: 200
     	 },
      	 show: {
         effect: "fadeIn",
         duration: 200
      	}
    	}),

    	$("#yoyakutabs").tabs({
     	 hide: {
         effect: "fadeOut",
         duration: 200
      	},
      	 show: {
         effect: "fadeIn",
         duration: 200
      	}
    }),

関係しているかもしれないプラグイン内のmtssb-front.phpの一部

	private function _prev_next_link($year, $month, $params) {

		if ($params['pagination'] != 1) {
			return;
		}

		// リンク
		$prevtime = mktime(0, 0, 0, $month - 1, 1, $year);
		$prev_title = esc_html(apply_filters('mtssb_prev_title', date(__('F, Y'), $prevtime), $prevtime));
		$prev_arg = array('ym' => date('Y-n', $prevtime)) + (empty($params['calendar_id']) ? array() : array('cid' => $params['calendar_id']));
		$nexttime = mktime(0, 0, 0, $month + 1, 1, $year);
		$next_title = esc_html(apply_filters('mtssb_next_title', date(__('F, Y'), $nexttime), $nexttime));
		$next_arg = array('ym' => date('Y-n', $nexttime)) + (empty($params['calendar_id']) ? array() : array('cid' => $params['calendar_id']));
?>
	<div class="monthly-prev-next">
		<div class="monthly-prev"><?php if ($this->this_time <= $prevtime) {
			echo '<a href="' . esc_url(add_query_arg($prev_arg, $this->this_page)) . '"><i class="fa fa-angle-left" aria-hidden="true"></i> 前の月へ</a>';
		} else {
			echo "<span class=\"no-link\"></span>";
		} ?></div>
		<div class="monthly-next"><?php if ($nexttime < $this->max_time) {
			echo '<a href="' . esc_url(add_query_arg($next_arg, $this->this_page)) . '">次の月へ <i class="fa fa-angle-right" aria-hidden="true"></i></a>';
		} else {
			echo "<span class=\"no-link\"></span>";
		} ?></div>
		<br style="clear:both" />
	</div>

<?php
	}

補足情報（FW/ツールのバージョンなど）

もともと別の方が作っていたHPを引き継ぎなしで作業しているため、
全体的によくわからず困っています。

使用しているプラグイン：MTS Simple Booking-C

Answer 1

あっているかわかりませんが、解決しました。
jQueryでnextprevのlinkに各tabが追加されるようにしました。

	$('#tabs-1 .monthly-prev-next a').each(function() {
		var obj = jQuery(this);
		var link = obj.attr('href');
		obj.attr('href', link + '#tabs-1')
	});
	$('#tabs-2 .monthly-prev-next a').each(function() {
		var obj = jQuery(this);
		var link = obj.attr('href');
		obj.attr('href', link + '#tabs-2')
	});


});

Answer 2

解決しました。
jQueryでnextprevのlinkに各tabが追加されるようにしました。

$('#tabs-1 .monthly-prev-next a').each(function() {
	var obj = jQuery(this);
	var link = obj.attr('href');
	obj.attr('href', link + '#tabs-1')
});
$('#tabs-2 .monthly-prev-next a').each(function() {
	var obj = jQuery(this);
	var link = obj.attr('href');
	obj.attr('href', link + '#tabs-2')
});

});