показать некоторые данные и кнопку детализации, чтобы показать детали

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 или добавить этот CSS на свою страницу с тегом <style></style>.

.details{display: none;}

поставить ниже jQuery код на странице списка таблиц, убедитесь, что библиотека javascriptзагружен.

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