タブコンテンツをオートプレイ 一定時間ごとに自動的にタブを切り替える

				
					// タブコンテンツをショートコードでHTML出力する
function tabs_autoplay_html(){
	// HTML出力　開始
	ob_start();
	?>
		
		<section>
			<!--タブを自動切換えしたい場合はclassに「tabs_rotate」を指定する-->
			<!--設定のオプションについては「initializers.js」を参照のこと-->
			<div class="tabs tabs_rotate">
				<!--コンテンツ切り替えようタブ　開始-->
				<ul class="horizontal">
					<li><a href="#tab-1">タブ１</a></li>
					<li><a href="#tab-2">タブ２</a></li>
					<li><a href="#tab-3">タブ３</a></li>
				</ul>
				<!--タブ切り替えで表示する内容・コンテンツ　開始-->
				<div id="tab-1">
					<span>
						<!--切り替える表示内容をElementorのショートコードで出力する-->
						<?php echo do_shortcode( '[elementor-template id="101"]' ); ?>
					</span>
				</div>
				<div id="tab-2">
					<span>
						<?php echo do_shortcode( '[elementor-template id="102"]' ); ?>
					</span>
				</div>
				<div id="tab-3">
					<span>
						<?php echo do_shortcode( '[elementor-template id="103"]' ); ?>
					</span>
				</div>
			</div>
		</section>
		<!--タブ自動切り替えコンテンツ　終了／JavaScript読み込み／jQueryはCDNから読み込み-->
		<script data-minify="1" src="https://jajp.work/wp-content/cache/min/1/ajax/libs/jquery/1.9.1/jquery.min.js?ver=1716067444" defer></script>
		<script type="text/javascript" src="<?php echo site_url(); ? defer>window.addEventListener('DOMContentLoaded', function() {/sites/jquery.tabslet.min.js" defer>});</script>
		<script src="<?php echo site_url(); ? defer>/sites/initializers.js" defer></script>
	<?php
	return ob_get_clean();
}
add_shortcode('echo_tabs_content', 'tabs_autoplay_html');