디자인팜의 로고+토글 부분에 보시면 아래와 같이 jquery 소스가 있습니다.

$("#farmBoxSearch").length는 id="farmBoxSearch"를 가진 태그가 있어야 이벤트가 활성화 됩니다.

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

        $('#farmToggleSearch').addClass('use');
        $('#farmToggleSearch').toggleContents($('#farmBoxSearch'));
    }
    if($('#farmBoxGnb').length){
        $('#farmToggleGnb').addClass('use');
        $('#farmToggleGnb').toggleContents($('#farmBoxGnb'));
    }

 

즉,

<div id="farmBoxSearch">

 search form

</div>

형식이 되어야 됩니다. 형식을 맞추더라도 클릭하면 해당 태그에 class="on"만 적용이 됩니다.

#farmBoxSearch.on{display:block;} 이런식으로 class="on"이 적용되었을때 동작을 css로 작성해주시면 됩니다.