위젯접기 관련 질문 이어서 -- 스크립트를 이용해서 열고 닫기

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <style>
    
    .off {
    display : none;
    }
    
    .on {
    display : block;
    }
    
    </style>
    <script>
     $('li.has_rank_only').not(':eq(0)').addClass("off");
     $('#open').click(function() {
      $("off").toggleClass("on");
     })
        
    </script>

<button id="open" style="float: right;">열기</button>

여러 도움을 받아

li 태그의 1번째 리스트를 제외한 목록을 off 클래스로 (display : none;)

그리고 open 버튼을 누르면 off 태그개 on 태그로 보이게 하려고 했는데 동작하지 않아 질문드립니다

        <button id="open" style="float: right;">열기</button>

     $('#open').click(function() {
      $("off").toggleClass("on");
     })

이부분이 동작 하지 않습니다