https://kbr.go.kr/assets/js/sub.js

1(function($) {
2    'use strict';
3
4    $(function() {
5
6        var $window = $(window),
7            $container = $('#container');
8
9        //공유
10        var $share = $container.find('.share'),
11            $shareOpen = $share.find('.addons_button'),
12            $shareClose = $share.find('.share_close');
13
14        $shareOpen.on('click', function(event) {
15            $share.addClass('active');
16        });
17        $shareClose.on('click', function(event) {
18            $share.removeClass('active');
19        });
20
21        // 스텝 자동 높이
22        function stepAutoHeight(){
23            var $step = $container.find('.step'),
24                $stepList = $step.find('.step_list');
25
26            $step.find('.step_item').removeAttr('style', 'height');
27            $stepList.each(function (index, element) {
28                if($window.width() > 640){
29                    var $element = $(element),
30                        $elementStepItem = $element.find('.step_item'),
31                        height = 0,
32                        width = 0,
33                        count;
34                    if($element.parents('.step')){
35                        $($elementStepItem, element).each(function (index){
36                            var $this = $(this),
37                                thisWidth = $this.find('.step_content').width(),
38                                thisHeight = $this.find('.step_content').height();
39
40                            if (thisWidth > width){
41                                width = thisWidth;
42                            }
43                            if (thisHeight > height){
44                                height = thisHeight;
45                            }
46
47                            count = index + 1;
48                        }).height(height);
49                    }
50                    $element.closest('.step').addClass('length' + count);
51                }
52            });
53        }
54        stepAutoHeight();
55        $window.on('resize', function(){
56            stepAutoHeight();
57        });
58
59        //생물다양성협약 개요
60        function whyAutoHeight(){
61            var $why = $container.find('.why'),
62                $whyList = $why.find('.why_list');
63
64            $why.find('.why_list > li').removeAttr('style', 'height');
65            $whyList.each(function (index, element) {
66                if($window.width() > 640){
67                    var $element = $(element),
68                        $elementStepItem = $element.find('li'),
69                        height = 0,
70                        count;
71                    if($element.parents('.why')){
72                        $($elementStepItem, element).each(function (index){
73                            var $this = $(this),
74                                thisHeight = $this.find('p').height();
75
76                            if (thisHeight > height){
77                                height = thisHeight;
78                            }
79
80                            count = index + 1;
81                        }).height(height);
82                    }
83                }
84            });
85        }
86        whyAutoHeight();
87        $window.on('resize', function(){
88            whyAutoHeight();
89        });
90
91        //쿤밍-몬트리올 GBF
92        function gbfAutoHeight(){
93            var $gbf = $container.find('.gbf_vision'),
94                $gbfList = $gbf.find('.vision_list');
95
96            $gbf.find('.vision_list > li').removeAttr('style', 'height');
97            $gbfList.each(function (index, element) {
98                if($window.width() > 640){
99                    var $element = $(element),
100                        $elementStepItem = $element.find('li'),
101                        height = 0,
102                        count;
103                    if($element.parents('.gbf_vision')){
104                        $($elementStepItem, element).each(function (index){
105                            var $this = $(this),
106                                thisHeight = $this.find('p').height();
107
108                            if (thisHeight > height){
109                                height = thisHeight;
110                            }
111
112                            count = index + 1;
113                        }).height(height);
114                    }
115                }
116            });
117        }
118        gbfAutoHeight();
119        $window.on('resize', function(){
120            gbfAutoHeight();
121        });
122
123
124
125    });
126})(window.jQuery);