https://www.sycom.co.jp/custom/js_rs01/totalPriceTab.js

1
2$(function () {
3	
4	//パーツ選択タブ以外で、合計お見積り金額表示のHTML追加
5	$("#footer01").before([
6		'<div class="modalBg"></div>',
7	].join(''));
8	if($('#topicPath ul li').eq(2).text() != "お客様情報入力" && $('#topicPath ul li').eq(2).text() != "ご依頼内容のご確認") {
9		$(".modalBg").after([
10			'<div class="floatTotalPrice">',
11			'		<div class="customPriceWrap">',
12			'			<p class="total">見積金額<span class="js-custom-header-total">1,213,110</span>円</p>',
13			'			<p class="month">月々<span class="js-custom-header-month">52,100</span>円（税込）</p>',
14			'		</div>',
15			'	<p class="btnWrap"><a href="javascript:tabchange(1);"><span>カスタマイズ・お見積もり</span></a></p>',
16			'</div>',
17		].join(''));
18	}
19
20	//合計お見積り金額開閉
21	var scrollPos;
22	$('.sideContents .customPriceWrap, .modalBg').click(function() {
23		if( $("#headerSPWrap").css('display') == 'block' ) {
24			// SP
25			if( ! $('.sideContents').hasClass('open') ) {
26				scrollPos = $(window).scrollTop();
27				$('html').addClass('menuOPEN');
28				$('body').addClass('fixed').css({'top': -scrollPos});
29				$('.modalBg').addClass('active');
30				$('.sideContents').addClass('open');
31			} else {
32				$('.modalBg').removeClass('active');
33				$('.sideContents').removeClass('open');
34				$('html').removeClass('menuOPEN');
35				$('body').removeClass('fixed').css({'top': 0});
36				window.scrollTo(0, scrollPos);
37			}
38		}
39	});
40	
41	$(window).on('resize', function () {
42		if( $("#headerSPWrap").css('display') == 'none' ) {
43			// PC
44			if($('.modalBg').hasClass('active')) {
45				$('.modalBg').removeClass('active');
46				$('.sideContents').removeClass('open');
47				$('html').removeClass('menuOPEN');
48				$('body').removeClass('fixed').css({'top': 0});
49				window.scrollTo(0, scrollPos);
50			}
51		}
52	});
53	
54});