javascript - 別の要素が存在する場合にのみ要素を表示する

Question

div を非表示にして、別の div がページに存在する場合にのみ表示するにはどうすればよいですか? 私はjqueryまたはjsが進むべき道だと推測しています....

<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

現在の現在のhtmlでできること

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

これは、.always-hereと.im-hereが兄弟で、.im-here前に来る場合にのみ機能します。

http://jsfiddle.net/BKYSV/ -.im-here存在する
http://jsfiddle.net/BKYSV/1/ -.im-here存在しない

Answer 2

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

ここにコードがあります ここをクリック!

Answer 3

これを試して：

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