显示一些数据和一个详细信息按钮以显示详细信息

Question

<td> <?php echo $n['notice']; ?> </td> 

$n['notice']包含消息。

如何显示一些句子和一个详细信息按钮以显示消息的详细信息。

Answer 1

请尝试使用jQuery以下解决方案。

如下更新您的 HTML

    <td>
           <?php echo substr($n['notice'],0,15);?> <a class="showdetail" href="javascript:void(0)">Show More<b></a>
            <div class="details"><?php echo $n['notice']?></div>
    </td>

CSS 代码，用于将详细信息消息div设置为display:none，如下所示。您可以在现有CSS中添加以下行，或使用<style></style>标签将此CSS添加到页面中。

.details{display: none;}

在表格列表页面的 jQuery 代码下方，确保已加载javascript库。

$(function(){
    $('.showdetail').click(function(e){
        e.preventDefault();
        $(this).closest('td').find(".details").toggle();
    });
});