Como selecionar apenas 1 botão com loop PHP
Olá, estou trabalhando em um projeto pessoal que recebe as variáveis titulo e texto de uma query em PHP, para exibi-las utilizo um loop while e apresento elas em cards
com collapse do bootstrap para o texto ficar oculto e ao clicar no botão exibir o texto. Meu problema é o seguinte, ao clicar no botão de 1 artigo, todos são abertos. Queria saber
como corrigir este problema.
Parte do código:
<!-- Area dos artigos -->
<div class="container" style="width: 80%; margin: 20px auto 20px auto;">
<?php while($row = mysqli_fetch_array($consulta)){
$titulo = $row[1];
$texto = $row[2];
echo "<div class='card text-center rounded-0' style='width: 100%; margin-bottom: 20px; box-shadow: 0px 3px 15px 4px #F7F7F7;min-width: 80%; border: none;'>";
echo "<div class='card-body' id='#publis'>";
echo "<h5 class='card-title'>$titulo</h5>";
echo "<p><a class='btn btn-primary' data-bs-toggle='collapse' href='#multiCollapseExample1' role='button' aria-expanded='false' aria-controls='multiCollapseExample1' style='background-color:#748192; border-width: 0'>Ler publicação</a></p>";
echo "<div class='collapse multi-collapse' id='multiCollapseExample1'>";
echo "<div class='card card-body' id='cardtext' style='border: none;'>$texto</div>";
echo "</div>";
echo "</div>";
echo "</div>";
}
?>
com collapse do bootstrap para o texto ficar oculto e ao clicar no botão exibir o texto. Meu problema é o seguinte, ao clicar no botão de 1 artigo, todos são abertos. Queria saber
como corrigir este problema.
Parte do código:
<!-- Area dos artigos -->
<div class="container" style="width: 80%; margin: 20px auto 20px auto;">
<?php while($row = mysqli_fetch_array($consulta)){
$titulo = $row[1];
$texto = $row[2];
echo "<div class='card text-center rounded-0' style='width: 100%; margin-bottom: 20px; box-shadow: 0px 3px 15px 4px #F7F7F7;min-width: 80%; border: none;'>";
echo "<div class='card-body' id='#publis'>";
echo "<h5 class='card-title'>$titulo</h5>";
echo "<p><a class='btn btn-primary' data-bs-toggle='collapse' href='#multiCollapseExample1' role='button' aria-expanded='false' aria-controls='multiCollapseExample1' style='background-color:#748192; border-width: 0'>Ler publicação</a></p>";
echo "<div class='collapse multi-collapse' id='multiCollapseExample1'>";
echo "<div class='card card-body' id='cardtext' style='border: none;'>$texto</div>";
echo "</div>";
echo "</div>";
echo "</div>";
}
?>
Gabriel
Curtidas 0