根据条件隐藏并显示子div

Question

我有一个有两个孩子的父div。当按钮点击时，它只显示一个基于条件的div。

<div id="table">
    <div id="result_table" >
       </div>
     <div id="new">
          </div>
</div>

将数据分配给表取决于从页面检索的数据。所以我想在新表可见时隐藏结果_table。

$('#BUTTON').click(function(){

    $.ajax({
            url: PAGE.PHP,
            type:'POST',
            dataType: 'json',
            success: function(data){
                  $("#result_table").html(data.table);
                  $("#new").html(data);
            }
    }); 
});

Answer 1

您可以查看数据结果

$('#BUTTON').click(function(){

    $.ajax({
            url: PAGE.PHP,
            type:'POST',
            dataType: 'json',
            success: function(data)
            {
               if(data.table)
               {
                   $("#result_table").show().html(data.table);
                   $("#new").hide();
               }
               else
               {
                  $("#new").show().html(data);
                  $("#result_table").hide();
               }
            }
    }); 
});