글쓰기 오류 채택완료

</p>

<p>    <script></p>

<p>        jQuery(document).ready(function () {

            jQuery('#menu-1').megaMenu({

                trigger: 'click'

            });

        });</p>

<p>    </script></p>

<p>

</p>

<p>(function($){

    // default settings

    var defaultSettings = {

        // DESKTOP MODE SETTINGS

        logo_align          : 'left',    // align the logo left or right. options (left) or (right)

        links_align         : 'left',    // align the links left or right. options (left) or (right)

        socialBar_align     : 'left',    // align the socialBar left or right. options (left) or (right)

        searchBar_align     : 'right',   // align the search bar left or right. options (left) or (right)

        trigger             : 'click',   // show drop down using click or hover. options (hover) or (click)

        effect              : 'scale',    // drop down effects. options (fade), (scale), (expand-top), (expand-bottom), (expand-left), (expand-right)

        effect_speed        : 400,       // drop down show speed in milliseconds

        sibling             : true,      // hide the others showing drop downs if this option true. this option works on if the trigger option is "click". options (true) or (false)

        outside_click_close : true,      // hide the showing drop downs when user click outside the menu. this option works if the trigger option is "click". options (true) or (false)

        top_fixed           : false,     // fixed the menu top of the screen. options (true) or (false)

        sticky_header       : true,     // menu fixed on top when scroll down down. options (true) or (false)

        sticky_header_height: 200,       // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.

        menu_position       : 'horizontal',    // change the menu position. options (horizontal), (vertical-left) or (vertical-right)

        full_width          : true,            // make menu full width. options (true) or (false)

        // MOBILE MODE SETTINGS

        mobile_settings     : {

            collapse            : false, // collapse the menu on click. options (true) or (false)

            sibling             : true,  // hide the others showing drop downs when click on current drop down. options (true) or (false)

            scrollBar           : true,  // enable the scroll bar. options (true) or (false)

            scrollBar_height    : 400,   // scroll bar height in px value. this option works if the scrollBar option true.

            top_fixed           : false, // fixed menu top of the screen. options (true) or (false)

            sticky_header       : false, // menu fixed on top when scroll down down. options (true) or (false)

            sticky_header_height: 200    // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.

        }

    };

    // extend function

    $.fn.megaMenu = function (settings) {

        settings = $.extend({}, defaultSettings, settings || {});

        return this.each(function () {</p>

<p>            // variables

            var $this = $(this),

                $ul = 'ul',

                $li = 'li',

                $a = 'a',</p>

<p>                mobile_trigger_button = '.menu-mobile-collapse-trigger',

                mobile_dropDown_trigger = '.mobileTriggerButton',

                desktop_dropDown_trigger = '.desktopTriggerButton',

                activeClass = 'active',

                activeTrigger = 'activeTrigger',

                activeTriggerMobile = 'activeTriggerMobile',

                dropDown = '.drop-down-multilevel, .drop-down, .drop-down-tab-bar',

                desktopTopFixed = 'desktopTopFixed',

                mobileTopFixed = 'mobileTopFixed',

                fullWidth = 'menuFullWidth',

                contact_form = $this.find('.menu-contact-form'),

                contact_form_notification = contact_form.find('.nav_form_notification'),

                Canvas;</p>

<p>            // Main Object box-shadow: 0 0 20px rgba(0,0,0,.3);</p>

<p>            // call functions</p>

<p>

        });

    };</p>

<p>    /*global $, jQuery, document*/

})(jQuery);</p>

<p>