Скрыть div, когда другой пуст

Question

это мой первый вопрос, потому что я не могу найти ответ в поиске ...

Можно ли скрыть div, когда другой пуст? Вот случай:

<div id='TwitterTrackbacksWrapper'>
<h4><img align='bottom' alt='Twitter Trackbacks' src='http://Imagens/twitter-bird.png'/> twitter trackbacks</h4>
<div class='twitter-trackbacks' id='twitter-trackbacks'/>
</div>

Я хочу скрыть / удалить весь идентификатор Div TwitterTrackbacksWrapper, когда нет ничего, что можно было бы показать на твит-треках div / class. Это возможно?

Answer 1

На вашей onload странице проверьте свойство innerHtml twitter-trackbacks div. Если пусто. установите свойство стиля в TwitterTrackbacksWrapper на display:'none'.

Что-то вроде:

function hideIfEmpty()
{
  var inner = document.getElementById("twitter-trackbacks");
  if (inner.innerHTML=="")
    document.getElementById("TwitterTrackbacksWrapper").style="display:none;";
}

Answer 2

Это решение работает с использованием JQuery.

if ($('#TwitterTrackbacksWrapper').html().length == 0) {
    //Then, there is nothing in the div 
    //Please remove me.
}

Дайте мне знать, если это поможет.

Answer 3

Конечно, когда вы заполняете данные для области «twitter-trackbacks», если она пуста, задайте стиль отображения TwitterTrackbacksWrapper: нет.