Wyświetl element tylko wtedy, gdy istnieje inny element.

Question

Jak mogę ukryć element div i wyświetlać go tylko wtedy, gdy na stronie istnieje inny element div? Zgaduję jQuery lub js byłoby do zrobienia ....

<style type="text/css"> 
.always-here { 
    display:none; 
} 
</style> 

<div class="im-here">This div exists on this particular page!</div> 
<div class="always-here">This div is always here but has the style 
display: none unless a div with the class "im-here" exists.</div> 

Answer 1

dla bieżącej html obecnej można zrobić

.always-here { 
    display:none; 
} 
.im-here ~ .always-here{ 
    display:block; 
} 

ten zadziała tylko wtedy, gdy .always-here i .im-here są rodzeństwem i .im-here wcześniej.

http://jsfiddle.net/BKYSV/ - .im-here obecny
http://jsfiddle.net/BKYSV/1/ - .im-here nieobecny

Answer 2

Spróbuj tego:

if($(".im-here").length) 
$(".always-here").show(); 

Answer 3

$(document).ready(function(){ 
    if($(".im-here").length > 0) 
    { 
     $(".always-here").show(); 
    } 
}); 

Oto kod Click Here!

Answer 4

tak można to zrobić przy użyciu jquery ten kod

$(document).ready(function(){ 
    if($('.im-here').length) 
     $('.always-here').show(); 
}); 

wyświetlić example here