https://www.cospa.com/js/popup.js?

1$(function(){
2
3    // ダイアログの初期設定
4    $("#mycartin").dialog({
5      autoOpen: false,  // 自動的に開かないように設定
6      width: 375,       // 横幅のサイズを設定
7      modal: true,      // モーダルダイアログにする
8    });
9  
10    // ダイアログの初期設定
11    $("#mycartin2").dialog({
12      autoOpen: false,  // 自動的に開かないように設定
13      width: 375,       // 横幅のサイズを設定
14      modal: true,      // モーダルダイアログにする
15    });
16
17    // ダイアログの初期設定
18    $("#reg_index").dialog({
19      autoOpen: false,  // 自動的に開かないように設定
20      width: 600,       // 横幅のサイズを設定
21      modal: true,      // モーダルダイアログにする
22    });
23
24    $("#btn_action").click(function(){
25      // ダイアログの呼び出し処理
26      $("#mycartin").dialog("open");
27    });
28  
29  
30    $("#btn_action2").click(function(){
31      // ダイアログの呼び出し処理
32      $("#mycartin2").dialog("open");
33    });
34
35    $("#shopping").click(function(){
36      // ダイアログのクローズ処理
37      $("#mycartin2").dialog("close");
38    });
39
40    $("#a_action").click(function(){
41      // ダイアログの呼び出し処理
42      $("#reg_index").dialog("open");
43      $('.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable').css({'height':'auto','width':'80%','top':'10%','left':'10%'});
44    });
45})
46
47
48
49
50
51$(function(){
52	$('.js-modal-open').on('click',function(){
53		$('.js-modal').fadeIn();
54		return false;
55	});
56	$('.js-modal-close').on('click',function(){
57		$('.js-modal').fadeOut();
58		return false;
59	});	
60});