2013-08-11 3 views
1

Im пытается скрыть div, если другой div пуст, но по какой-то причине он не будет работать так, как я хочу.Скрыть div, если другое Div пустое

поэтому в основном я хочу, чтобы скрыть <div class="more_post"> если <div class="last_post"> элемент пуст

<div id="toggle-view"> 
     <div class="more_post"> 
      <h5>Load more</h5> 
     </div> 
     <ul class="toggle-view"> 
      <div class="toggle"">      
       <div class="last_post"> </div> 
      </div> 
     </ul> 
    </div> 

Jquery

if($("#toggle-view ul.toggle-view .toggle .last_post").length ==0) 
    { 
    $("#toggle-view .more_post").hide(); 
    } 

ответ

1

Добавить .html() читать HTML из DIV первым.

if($("#toggle-view ul.toggle-view .toggle .last_post").html().length ==0) 
    { 
    $("#toggle-view .more_post").hide(); 
    } 

http://jsfiddle.net/gMC6F/

+0

Спасибо, это работает как шарм в скрипке, но ничего не происходит на моей странице сайта :( – Dymond

+1

@Dymond Хм, странно. Либо ' .html() 'или' .text() 'должен читать содержимое DIV и должен быть в состоянии сделать' .length' в нем. – zurfyx

+0

Iknow, он работал нормально до сегодняшнего утра. Не могу понять, в чем проблема сейчас .:/ – Dymond

1

Вы можете попробовать что-то вроде этого: -

if $('#toggle-view ul.toggle-view .toggle .last_post').is(':empty') $(this).hide() 
1

Попробуйте

if($("#toggle-view ul.toggle-view .toggle .last_post").html().length ==0) 
{ 
$("#toggle-view .more_post").hide(); 
} 

Demo

1

Try:

$("#toggle-view .more_post").toggle($("#toggle-view ul.toggle-view .toggle .last_post").html().length > 0); 
1

Попробуйте это. Он будет работать простым методом.

<script> 
$(document).ready(function(){ 
if(!$.trim($(".last_post").html()) == true) 
$(".more_post").hide(); 

}); 
</script> 

Demo

Спасибо

Смежные вопросы