@lenwoot

Как скрыть блок div при значении 0?

Нужно скрыть блок .hours, когда есть только минуты (при 0 часов), чтобы это выглядело примерно так: 45 мин, а не 0 ч. 45 мин. Для этого есть идея скрыть его такими способами: при 0 ч. скрывается блок .hours полностью, или при 0 не отображать сам 0, а вывести пустое значение, тем самым скрыть div через css :empty.

Ваши предложения, как это можно реализовать?

<?php
	$minutes = 300;
	$hours = floor($minutes / 60); // Считаем количество полных часов
	$minutes = $minutes - ($hours * 60);  // Считаем количество оставшихся минут
	echo '<div class="hours">'.$hours.' ч.</div><div class="minutes"> '.$minutes.' мин.</div> ';
?>
  • Вопрос задан
  • 250 просмотров
Решения вопроса 1
@lenwoot Автор вопроса
<?php
$minutes = get_field( "times" );
$hours = floor($minutes / 60); // Считаем количество полных часов
$minutes = $minutes - ($hours * 60); // Считаем количество оставшихся минут
echo '';
if ($hours < 1) {
echo ' '.$minutes.' мин.';
}
else {
echo ''.$hours.' ч. '.$minutes.' мин. ';
}
?>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
twobomb
@twobomb
<?php
  $minutes = 300;
  $hours = floor($minutes / 60); // Считаем количество полных часов
  $minutes = $minutes - ($hours * 60);  // Считаем количество оставшихся минут
  $hide = $hours == 0?" hide":"";
  echo "<div class='hours$hide'>"$hours.' ч.</div><div class="minutes"> '.$minutes.' мин.</div> ';
?>

.hide{
display:none;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы