codigo para ocultar un div

[S0NIC]

alguien sabe un codigo para ocultar un div adentro de php el codigo que tengo es el siguiente:

<a href="https://wa.me/<?php echo str_replace(' ', '', $wp); ?>" class="contact-btn wp-btn"><?php echo $wp; ?></a>

pero no encuentro como ocultarlo si no tiene informacion se oculte, y si tiene informacion aparezca

si alguien sabe y me pueda dar un codigo se lo agradeceria mucho

 

[YeltsinReyes]

Con css bro, si no tiene contenido se ocultara.

.contact-btn:empty {
display:none;
}

 

[S0NIC]

Con css bro, si no tiene contenido se ocultara.

.contact-btn:empty {
display:none;
}

si coloco ese codigo me oculta otras cosas , no puede ser nada mas con el codigo que tengo puesto que no tenga que modificar otros elementos de .contact-btn

 

[quimbox]

si coloco ese codigo me oculta otras cosas , no puede ser nada mas con el codigo que tengo puesto que no tenga que modificar otros elementos de .contact-btn

Y creando una clase como lo sugirieron arriba, pero especificamente para ese div de manera que no afecte otros elementos que tengan esa clase.

.mi-clase:empty {
display:none;
}

Otra forma es usando JavaScript.

const contactBtn = document.getElementsByClassName("contact-btn")

if (contactBtn.childNodes.length === 0) {
  console.log('✅ El elemento está vacío');
} else {
  console.log('⛔️ El elemento no está vacío');
}

 

[Vincenso Paul]

Y preguntando a $wp si esta vacio con la costante NULL o con la funcion isset, creas dos lineas una para si esta vacio y otra: else. Para si esta asignada

 

[Miguel Sanches]

Hazlo con selectores padres, hijos, nth-child, etc, aveces con eso es suficiente, de lo contrario por js agrégale una clase o ID

 

[zerocool91]

Ya solucionaste? No está complejo, si no has solucionado me avisas y hoy te ayudo y te dejo el código, que ahora estoy viendo desde el cel.

 

[Alfredo Ramos]

Más que ocultarlo simplemente evitaría que se generara el HTML.

Algo como:

<?php if !empty($wp): ?>
<a href="https://wa.me/<?php echo str_replace(' ', '', $wp); ?>" class="contact-btn wp-btn"><?php echo $wp; ?></a>
<?php endif; ?>

O si quieres que genere el HTML pero no lo muestre:

<a href="https://wa.me/<?php echo str_replace(' ', '', $wp); ?>" class="contact-btn wp-btn"<?php echo (empty($wp) ? ' style="display: none"' : ''); ?>><?php echo $wp; ?></a>