javascript - 加载第二个表时隐藏第一个表

Question

当用户单击表 R 中的单元格时，我试图向下钻取详细信息行。因此，当单击单元格时，将加载表 L，并且必须隐藏表 R。我尝试使用 $('#RegionTable').hide 但它在加载时隐藏表格。但我希望它仅在第二次单击时隐藏

`<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/