목록 펼치기 다시 질문 드립니다.ㅜ 채택완료

</p><p><script src="<a href='<a href="http://code.jquery.com/jquery-1.8.2.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.8.2.min.js</a>"></script'><a href="http://code.jquery.com/jquery-1.8.2.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.8.2.min.js</a>"></script</a>></p><p><style>
    .drop_menu a{cursor:pointer;}
    .drop_menu .hide{display:none;}
 .drop_menu .close { display:none; }
</style></p><p> </p><p><script>
    $(document).ready(function(){
     
        $(".drop_menu>a").click(function(){
         
            var submenu = $(this).next("ul");
            
            if( submenu.is(":visible") ){
                submenu.slideUp();
                $('.close').hide();
            }else{
                submenu.slideDown();
                $('.close').show(); 
            }
            
        });</p><p>        $(".close").click(function(){
         
  $('.drop_menu > a').trigger('click');
        });
    });
</script></p><p> </p><p style="margin-left: 40px;"><table></p><p style="margin-left: 40px;"> <tr></p><p>         <td>  <div class="drop_menu"><a href="#">목록열기</a></div></td>
         <td>
          <a href="#"><img src="img/play_bt.png" class="png24-1" /></a>
          <a href="#"><img src="img/play_bt.png" class="png24-1" /></a>
         </td>
        </tr>
   
        <tr>
         <td class="aaa">
          <ul class="hide">
              <li>메뉴1-1</li>
              <li>메뉴1-2</li>
              <li>메뉴1-3</li>
              <li>메뉴1-4</li>
              <li>메뉴1-5</li>
              <li>메뉴1-6</li>
          </ul>
   
              <div class="close"><a>열린목록 닫기</a></div>
         </td>
        </tr></p><p>