jQuery 를 이용하셔야 하는데요
크게 2개자 방법이 있습니다만 한가지는 DOM 요소에 셀렉터를 추가 제거 하는 방싱인데 
참고로 가 부분에 토글 대상 부분의 셀렉터(선택자 id 값이나 class값)  넣으셔서
추가 삭제를 설정할 하나의 셀렉터를 추가 해서 하는 방법인데 이 경우는 
css 에서 클래스에서 display값으로 설정하는 방법 인데 
보이기 숨기기 2개를 만들어야 하는 복잡함이 있습니다
(별로 안복잡한가?!-_-;;)
onclick="jQuery('대상 셀렉터').removeClass('가')"  가 셀렉터 제거
onclick="jQuery('대상 셀렉터').addClass('가')"  가 셀렉터 추가

이 방법 말고는 그냥 아래 부분을 스킨 가장 아래에 삽입하세요
셀렉터는 css에서 쓰듯이 쓰시면 됩니다.

<script type="text/javascript">
// <![CDATA[
jQuery(function($) {
    $('A').hide();      // 토글 대상을 먼저 숨기고 시작할 때. 아니면 이 줄 삭제 ->A
    $(document).ready(function() {
        $('B').click(function() {     // 동작을 일으킬 부분의 셀렉터
            $('A').toggle();      // 토글할 대상 셀렉터->A  
        });
    });
});
// ]]>
</script>

보너스로 $('A').toggle(); 부분에 슬라이으 효과를 주시려면
$('A).animate({opacity:'toggle', height:'toggle'}, 'fast');return false;
이걸로 체인지 하세요 fast 나 slow 로 속도 조절하시구요