带jQuery onClick按钮的fadeIn php脚本

Question

<div id="status">
  <h3>To view a list of all rooms statuses, select the link below.</h3>
  <a href="response_data.php" class="button">Show Status</a>
</div>

<button id="button">Click here to show data</button>
  <div id="data" style="display: none;"> 
<?php include 'response_data.php' ?>
</div>


$('#button').click(function() {
  $('#data').fadeIn(1000);
});

Answer 1

jQuery部分很好。我强烈建议检查div#data中是否有文本。

为此，您可以尝试以下方法：

console.log($('#data').text().length > 0 ? 'Text found' : 'Could not find text');

此外，要在单击按钮后隐藏该按钮，只需使用hide()方法：

$('#button').on('click', function() {

    $('#data').fadeIn(1000);
    $(this).hide();

});