class="use"는 버튼의 기능에 해당하는 컨텐츠가 있어야 합니다.

즉 네비게이션 버튼은 네비게이션 컨텐츠가 있어야 jquery에서 class="use" 를 추가해 줍니다.

이 부분을 아래의 카테고리를 설정하시려면 로고+토글 소스수정을 눌리시고 아래 부분에 보시면

//toggleContents 함수
    $.fn.toggleContents = function($target, $group)
    {
        $(this).on('click', function(){
            $thisToggle = $(this);
            $('[id^=farmToggle].on').each(function(){
                if($(this).attr('id')!=$thisToggle.attr('id')){
                    $(this).removeClass('on');
                }
            });
            $(this).toggleClass('on');
            $('[id^=farmBox].on').each(function(){
                if($(this).attr('id')!=$target.attr('id')){
                    $(this).removeClass('on').removeAttr('style');
                }
            });
            $target.slideToggle(200, function(){
                $target.toggleClass('on').removeAttr('style');
            });

            return false;
        });
    }

*참고 : 위의 함수에서 해당 토글을 실행하면 class="on"이 추가됩니다. css로 모바일화면 일때 class="on"이 붙으면 "display:block;" class="on"이 없으면 "display:none" 을 설정해주셔야 합니다.

더 아래에 보시면 아래와 같이 소스가 있습니다.

    if($('#farmBoxLnb').length){

        $('#farmToggleLnb').addClass('use');
        $('#farmToggleLnb').toggleContents($('#farmBoxLnb'));
    }

#farmBoxLnb 라는 id를 가진 컨텐츠가 있어야 해당 아이콘이 출력됩니다.

이부분을 커스텀하셔서 직접 jquery소스를 작성하셔야 합니다.