Вы можете сделать это будет функция JS HTML DOM. Вот пример кода для вас.
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var str = "";
var n = str.length;
document.getElementById("demo").innerHTML = n;
if (n==0) {
document.getElementById("demo").style.display = "none";
} else {
document.getElementById("demo").style.display = "block";
}
</script>
</body>
</html>
Вы можете определить длину строки. Если он равен нулю, тогда установите отображаемое значение none, ни один из блоков, которые делают видимый участок, если есть какое-либо значение.