Скрытие первой таблицы при загрузке второй таблицы

Question

Я пытаюсь выполнить детализацию строк, когда пользователь нажимает на ячейку в таблице R. Так когда нажата ячейка, загружается таблица L, а таблица R должна быть скрыта , Я пытался использовать $ («# RegionTable») скрыть, но он скрывает таблицу, когда она загружается .Но я хочу, чтобы быть скрыты только на второй клик

`<script type="text/javascript"> 
      $(document).ready(function($) { 
        $('#lsearch').click(function(){ 
          makeAjaxRequest(); 
         }); 
        $('form').submit(function(e){ 
        e.preventDefault(); 
        makeAjaxRequest(); 
        return false; 
         }); 

       function makeAjaxRequest() { 
        $.ajax({ 
         url: 'php/l_search.php?op=1', 
         data: {name: $('#l').val()}, 
         type: 'get', 
         success: function(response) { 
          $('table#R tbody').html(response); 
         } 
        }); 
       } 

      }); 
      $(document).on('click','#loc_code',function() { 
         var url = $(this).text(); 
         url = 'php/l_search.php?op=2&l_code='+url ; 
         $.ajax({ 
         url: url, 
         type: 'get', 
         success: function(response) { 
          $('table#L tbody').html(response); 
         } 
        }); 
        return false; 
        $('#R').toggle("slide", { direction: "right" }, 1000); 
         }); 
</script> ` 

Answer 1

Вместо:.

.on('click') 

.

сделать:

$('#loc_code').dblclick(function(){ 

https://api.jquery.com/dblclick/

Answer 2

на самом деле я использовал $ ("# R") шкурку(); и он работает